尝试使用document.getElementById更改CSS不起作用？

Question

我正在尝试使用以下命令将 display：none 的CSS更改为 display：block ：

document.getElementById["pop-up"].style.display="block";

问题是，尽管在css中定义了弹出窗口ID（见下文），并且遵循类似于此问题的其他说明，但我无法对其进行更改。

#pop-up {
    display: none;
}

我做错了什么？

Answer 1

getElementById是函数（不是具有ID的每个元素都作为属性存在的对象。）

您需要使用()来调用它，而不是使用[]

访问属性

确保在浏览器中打开开发人员工具并阅读控制台。它会告诉你document.getElementById["pop-up"]未定义。

Answer 2

尝试用括号替换方括号;

document.getElementById("pop-up").style.display="block";