我的CSS可以影响Javascript生成的HTML

时间:2015-09-03 13:19:09

标签: javascript html css

我的代码在动作结束时创建了一堆按钮,我希望按钮仍然适用于我的css中的css,就像这样。 CSS:

.buttons {
  color:red;
}

JS

window.onload = function(){document.getElementById("html").innerHTML = "<input type="button" class="buttons" />}

HTML

<html id="html"></html>

3 个答案:

答案 0 :(得分:5)

是的,简单地说,不要担心css会影响满足选择器的所有元素,无论它们何时被创建

答案 1 :(得分:0)

快速测试会给你答案x - )

document.body.innerHTML += '<div class="allo">world</div>';
.allo { color: red }
<div class="allo">hello</div>

答案 2 :(得分:0)

window.onload = function(){document.getElementById("html").innerHTML = '<input type="button" class="buttons" />'};

你能试试吗?