javascript - 是否可以使用 JavaScript 更改 CSS 样式表？ (不是对象的样式，而是样式表本身)

Question

是否可以使用 JavaScript 更改 CSS 样式表？

我不是在谈论:

document.getElementById('id').style._____='.....';

我是谈论改变:

#id {
    param: value;
}

除了做一些肮脏的事情(顺便说一句，我们还没有尝试过)，比如在头部创建一个新对象，在里面创建一个样式标签的 innerHTML，等等。尽管这样，即使它确实有效，也会带来一些问题因为样式 block 已经在别处定义，我不确定浏览器何时/是否会解析动态创建的样式 block ？

Answer 1

截至 2011 年

是的，你可以，但你将面临跨浏览器兼容性问题:

http://www.quirksmode.org/dom/changess.html

截至 2016 年

浏览器支持有了很大改进(支持所有浏览器，包括 IE9+)。

• insertRule()方法允许向样式表动态添加规则。

• 与 deleteRule() ，您可以从样式表中删除现有规则。

• 可以通过 cssRules 访问样式表中的规则样式表的属性。