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