javascript - 在 firefox 中，如何更改现有的 CSS 规则

Question

在 firefox 中，我的 .css 文件中有以下片段

tree (negative){  font-size: 120%; color: green;}

使用 javascript，如何更改规则，将颜色设置为红色？

注意:
我不想更改元素。
我想改变规则。请不要回答类似

...

element.style.color = '红色';

Answer 1

您正在寻找的是 document.styleSheets 属性，通过它您可以访问您的 css 规则并对其进行操作。大多数浏览器都有此属性，但 IE 的界面略有不同。

例如，尝试在该页面的 FF 中粘贴以下内容并按回车键:

javascript:alert(document.styleSheets[0].cssRules[1].cssText)

对我来说，这会产生字符串 "body { line-height: 1; }"。有些方法/属性允许您操纵规则。

这是一个为您抽象此接口(interface)的库(跨浏览器):http://code.google.com/p/sheetup/