javascript动态DOM创建的元素为什么不能有CSS样式 100
请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用css?<html><head><style>.texta{color:#ff0000;}</style><sc...
请看代码,为什么静态是红色,动态是黑色,怎样使动态也能应用css?
<html>
<head>
<style>
.texta
{
color:#ff0000;
}
</style>
<script>
window.onload=function () {
var bodydiv=document.getElementById("bodydiv");
var a=document.createElement("h1");
a.class="texta";
a.innerHTML="动态";
bodydiv.appendChild(a);
};
</script>
</head>
<body>
<div class="bodydiv" id="bodydiv">
<h1 class="texta">静态</h1>
</div>
</body>
</html> 展开
<html>
<head>
<style>
.texta
{
color:#ff0000;
}
</style>
<script>
window.onload=function () {
var bodydiv=document.getElementById("bodydiv");
var a=document.createElement("h1");
a.class="texta";
a.innerHTML="动态";
bodydiv.appendChild(a);
};
</script>
</head>
<body>
<div class="bodydiv" id="bodydiv">
<h1 class="texta">静态</h1>
</div>
</body>
</html> 展开
3个回答
展开全部
因为你创建的是div里的另一个标签，动态 这两个字并不是在原h1标签中的，所以颜色不显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
