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/