请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用css?
<br> .texta<br> {<br> color:#ff0000;<br> }<br>
<br> window.onload=function () {<br> var bodydiv=document.getElementById("bodydiv");<br> var a=document.createElement("h1");<br> a.class="texta";<br> a.innerHTML="动态";<br> bodydiv.appendChild(a);<br> };</p> <pre><code></script> </code></pre> <p></head><br> <body><br> <div class="bodydiv" id="bodydiv"><br> <h1 class="texta">静态</h1><br> </div><br> </body><br> </html></p>
用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("bodydiv");
var a=document.createElement("h1");
a.class="texta";
a.innerHTML="动态";
bodydiv.appendChild(a);
};
</script>
</head>
<body>
<!-- <p></p>
<pre><code></script> </code></pre>
<p><br /> <br /> </p> -->
<div class="bodydiv" id="bodydiv">
<h1 class="texta">静态</h1>
</div>
<p></p>
</body>
</html>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。