javascript DOM新增加元素为什么不能应用css样式-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

javascript DOM新增加元素为什么不能应用css样式

小旋风柴进 2016-03-20 10:42:37 1400

请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用css?

<br> .texta<br> {<br> color:#ff0000;<br> }<br> 
<br> window.onload=function () {<br> var bodydiv=document.getElementById(&quot;bodydiv&quot;);<br> var a=document.createElement(&quot;h1&quot;);<br> a.class=&quot;texta&quot;;<br> a.innerHTML=&quot;动态&quot;;<br> bodydiv.appendChild(a);<br> };</p> <pre><code>&lt;/script&gt; </code></pre> <p></head><br> <body><br> <div class="bodydiv" id="bodydiv"><br> <h1 class="texta">静态</h1><br> </div><br> </body><br> </html></p>
前端开发 JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:08:56

    用jquery试试吧,建议下次提问整理一下代码。

    下面的我亲测可用。

     <html>
     <head>
        <title>test</title>
    <meta charset="UTF-8"/>
    <style type="text/css">
         .texta
     {
     color:#ff0000;
     }
     </style>
     <script type="text/javascript">
     window.onload=function () {
         var bodydiv=document.getElementById(&quot;bodydiv&quot;);
        var a=document.createElement(&quot;h1&quot;);
        a.class=&quot;texta&quot;;
        a.innerHTML=&quot;动态&quot;;
        bodydiv.appendChild(a);
     };
     </script>
     </head>
     <body>
    
      <!-- <p></p> 
      <pre><code>&lt;/script&gt; </code></pre> 
      <p><br /> <br /> </p> -->
      <div class="bodydiv" id="bodydiv">
    
       <h1 class="texta">静态</h1>
    
      </div>
    
    
      <p></p>
     </body>
    </html>
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程