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

Question

那就像这样 * {margin:0; CSS 中的 padding:0;}。

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 Object .