如何使用!important将display属性设置为inline

Question

我希望您能使用JavaScript编写一个内联样式，如 block !important。 代码如下：

我想要编写一个 内联样式 ，使用JavaScript代码。 代码如下：

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

然而，

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

但方法2不可接受，因为它会覆盖之前的内联样式。您可以在此Jsbin演示中看到这一点。

问题1：我如何使用JavaScript设置display: block !important属性，并使其为内联样式。

问题2：我想知道为什么方法1不起作用？

- Sachin Jain

---

这里有另一个好的解决方案： element.setAttribute('style', 'display: block !important;'); - Jorge Mauricio

Answer 1

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

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

- Pinal