CSS 样式在 IE 模式下未更新

Question

我正在更新我的 javascript 文件中的 css，但我注意到它不适用于 IE 模式。它在所有其他浏览器中工作正常。

有谁知道为什么 IE 模式会出现问题以及如何解决它？

这是我使用的代码

                    var extraEl = document.querySelector("#suiteBarRight");
                    extraEl.style = "padding:10px;";

                    var extraEl2 = document.querySelector("#suiteBarLeft");
                    extraEl2.style = "display:none";

                    var extraEl3 = document.querySelector("#welcomeMenuBox");
                    extraEl3.style = "display:none";

                    var extraEl4 = document.querySelector("#suiteBarButtons");
                    extraEl4.style = "display:none";

Answer 1

设置元素的样式属性时，您需要访问样式对象的各个属性，而不是分配一个字符串。例如：

extraEl.style.padding = "10px";