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

Question

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

我不是在谈论:

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

我是谈论改变:

#id {
    param: value;
}

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

Answer 1

是的，你可以；每个浏览器都支持它，包括 IE9+)。

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

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

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