javascript - 如何通过 DOM 设置带有 !important 标志的 CSS 属性？

Question

因此，在我的样式表中，我有一个匹配myElement使用!important标志的规则中的属性。

然后，在脚本中，我需要调整myElement. 我正在使用的代码什么都不做：

var myElement = document.getElementById('myElement');
myElement.style.property = 'newValue';

这让我陷入了一个循环，因为虽然我的页面上没有明显发生任何事情，但该元素甚至在 Chrome 的元素检查器中的 element.style 下显示了新的属性值。所以我花了一段时间才弄明白，但后来我突然想到我还必须把!important标志放在newValue设置中。 有谁知道如何以编程方式做到这一点？

Answer 1

干得好：

myElement.style.setProperty( 'property', 'newValue', 'important' );

现场演示：http: //jsfiddle.net/mJHEf/