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

Question

我想使用 javascript 代码编写一个内联样式可视化block !important。代码看起来像这样

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

然而，

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

但是方法 2 是不可接受的，原因很明显，它会覆盖早期的内联样式。您可以在 Jsbin 的这个DEMO 中看到这一点

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

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

Answer 1

我认为它会帮助你：

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