本文讲解如何修复 html 弹窗无法关闭的问题，重点解决 `getelementbyid` 查找失败和事件调用缺失括号两大常见错误，并提供可直接运行的完整示例。
在构建用户协议（如服务条款、隐私政策）弹窗时，一个基础但关键的功能是：用户点击“ACCEPT”按钮后，弹窗应立即隐藏。初学者常遇到按钮无响应的情况，根本原因往往不是逻辑错误，而是 DOM 元素定位与事件绑定的细节疏漏。
首先，JavaScript 中 document.getElementById(“popup”) 要求目标元素必须具有 id=”popup” 属性，而非 class=”popup”。原代码中
会导致 getElementById 返回 null，后续 .style.display = “none” 将抛出运行时错误（控制台可见 Cannot set property ‘display’ of null），但因未启用开发者工具，该错误容易被忽略。
其次，HTML 中的 onclick=”closePopup” 仅传递函数引用，不会执行函数；必须写成 onclick=”closePopup()”（带括号），才能触发调用。
以下是修正后的完整、可直接运行的代码（已精简冗余结构，保留复古 Windows 风格 CSS）：
