gaoxinghans 2015-11-06 08:56 采纳率: 0%
浏览 3855

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>
  • 写回答

4条回答 默认 最新

  • JPF1024 2015-11-06 09:32
    关注

    用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>
    评论

报告相同问题？

悬赏问题

  • ¥15 github训练的模型参数无法下载
  • ¥15 51单片机显示器问题
  • ¥20 关于#qt#的问题：Qt代码的移植问题
  • ¥50 求图像处理的matlab方案
  • ¥50 winform中使用edge的Kiosk模式
  • ¥15 关于#python#的问题：功能监听网页
  • ¥15 怎么让wx群机器人发送音乐
  • ¥15 fesafe材料库问题
  • ¥35 beats蓝牙耳机怎么查看日志
  • ¥15 Fluent齿轮搅油