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

Question

这将会是这样* {margin：0; padding：0;} in 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 Object。

Answer 2

如果您想更改body元素的padding和margin：

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