如何通过JavaScript更改文档的样式？

Question

这就像这样*{margin:0; 填充:0;} 在CSS中.

Answer 1

要使用(第一个)样式表对象

document.styleSheets[0]

要访问样式表中的(第一个)规则,请使用:

document.styleSheets[0].cssRules[0] // firefox
document.styleSheets[0].rules[0]    // IE

您可以添加规则

insertRule(rule, index)                 // firefox
addRule(selector, declaration, [index]) // IE

因此,要做你在firefox中描述的内容:

document.styleSheets[0].insertRule("*{margin:0; padding:0;}", 0) 

并在IE中做到这一点:

document.styleSheets[0].addRule("*", "margin:0; padding:0;", 0)

另请参见:Dom StyleSheet对象.