从javascript应用的样式不会覆盖css的样式

Question

我在css中定义了样式 -

#name {
    display:none;
}

在JavaScript中我改变了样式 -

var uiElement = document.getElementById('name');
uiElement.display = "block";

从JavaScript应用的

样式不会覆盖css中的样式么？

Answer 1

您实际上并未更改style属性。使用：

var uiElement = document.getElementById('name');
uiElement.style.display = "block";
// Note -^

此外，确保在元素呈现/准备好之后运行此代码;否则，将找不到该元素，并且无论如何都会抛出错误。

Answer 2

您可以尝试这样做，但忘记了style字

{
    document.getElementById('name').style.display = 'block';
}