如何通過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');