如何将显示属性设置为与内联！重要的

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的演示中看到这一点

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

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

Answer 1

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

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