document.getelementbyid() 返回 null 是因 id 缺失或拼写错误;onclick="closepopup" 需加括号调用;事件冒泡需 e.stoppropagation() 阻断;form 内按钮须设 type="button" 或 preventdefault()。

document.getElementById() 找不到元素,返回 null
这是最常踩的坑:你写了 document.getElementById("popup"),但 HTML 里只有 class="popup",没有 id="popup"。函数直接返回 null,后面调用 .style.display = "none" 就会报错 Cannot set property 'display' of null,整个脚本卡住。
检查方法很简单:打开浏览器开发者工具(F12),在控制台输入 document.getElementById("popup"),如果返回 null,就说明 ID 缺失或拼写错误。
- 确保目标元素有且仅有一个
id属性,比如:<div id="popup">...</div> - 不要混用
id和class:用getElementById就必须配id;要用class,改用document.querySelector(".popup")或document.getElementsByClassName("popup")[0] - 确认 DOM 加载完成后再执行 JS —— 把代码放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











