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

Question

这就像这样 * {margin：0;在CSS中填充：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。

Answer 2

如果您想更改body元素的填充和边距：

document.body.setAttribute('padding', '0');
document.body.setAttribute('margin', '0');