如何通过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/