document.getElementById('close-modal').addEventListener('click', closeModal);出现异常Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')-QT开发中文网

这个错误 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') 表示 JavaScript 试图在一个为 null 的对象上调用 addEventListener 方法，通常是因为没有找到指定的元素。

可能的原因和解决方法包括：

检查元素ID：确保 HTML 中存在 ID 为 'close-modal' 的元素。比如：
```
<button id="close-modal">Close</button>
```
确保脚本在 DOM 加载后执行：如果你的 JavaScript 代码在页面 DOM 元素被加载之前执行，尝试将其放在 <body> 标签的底部，或者使用以下方式确保代码在 DOM 加载后执行：
```
document.addEventListener('DOMContentLoaded', function() {
   document.getElementById('close-modal').addEventListener('click', closeModal);
});
```
检查拼写错误：确保你没有在 ID 名称或 JavaScript 函数名（如 closeModal）中出现拼写错误。

调试信息：在添加事件监听器之前，可以添加一些调试输出，看看元素是否存在：

const closeButton = document.getElementById('close-modal');
console.log(closeButton); // 查看是否为 null
if (closeButton) {
   closeButton.addEventListener('click', closeModal);
} else {
   console.error("Element with ID 'close-modal' not found.");
}

按照这些建议进行检查和修改后，再次运行代码，希望能解决问题！

内容由零声教学AI助手提供，问题来源于学员提问