如何使用！important设置内联显示属性

Question

我想使用javascript代码编写内联样式 viz block !important。代码看起来像这样

element.style.display = 'block !important'; // This does not work (Approach 1)

然而，

element.style = 'display:block !important'; // works perfectly (Approach 2)

但是方法2是不可接受的，因为它会覆盖早期的内联样式。您可以在 DEMO at Jsbin

中看到这一点

Q1：我如何使用javascript设置display: block !important属性，并且必须是内联的。

Q2：我想知道为什么Approach1不起作用？

Answer 1

我认为它会对你有所帮助：

element.style.cssText += ';display:block !important;'