开发者社区> 问答> 正文

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

请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用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>

展开
收起
小旋风柴进 2016-03-20 10:42:37 2129 0
1 条回答
写回答
取消 提交回答
  • 用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>
    2019-07-17 19:08:56
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载

相关实验场景

更多