我正在尝试使用以下命令将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/