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

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


问题是,尽管在css中定义了弹出ID(请参见下文),并且按照与该问题类似的其他说明进行操作,但我仍然无法更改它。

#pop-up {
    display: none;
}


我究竟做错了什么?

最佳答案

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

您需要使用()调用它,而不能使用[]访问属性



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

关于javascript - 尝试使用document.getElementById更改CSS无法正常工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38565843/

10-13 01:40