javascript - 从 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';
}