如何在js中忽略样式属性？

Question

我正在做一些CSS/JS插件的工作。我希望能够在我的样式表中编写类似这样的内容：

.whatever {
  background: 
    -custom-renderer("ctx.beginPath(); ctx.moveTo(0, 40); ctx.lineTo(240, 40); ctx.moveTo(260, 40); ctx.lineTo(500, 40); ctx.moveTo(495, 35); ctx.lineTo(500, 40); ctx.lineTo(495, 45);")
    repeat-x;
  background: rgb(30, 30, 30); /* fallback */

我需要用Javascript访问这个属性，然后用不同的属性重写它。现在的问题是，我所知道的所有方法(document.styleSheets[1].cssRules、document.defaultView.getMatchedCSSRules等)倾向于只显示回退属性(这通常是很好的行为)。

Answer 1

为什么不将修改后的CSS规则作为"<style>“元素附加到文档头中。

看看这个..

http://jonraasch.com/blog/javascript-style-node

*您可以在"<style>“元素上设置ID，以便使用javascript轻松修改它