执行上述代码提示Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
时间: 2023-09-22 17:10:35 浏览: 86
这个错误通常表示代码中尝试访问一个空值(null)的属性。在这种情况下,可能是因为在页面加载期间尚未找到相应的DOM元素。
要解决这个问题,你可以尝试以下几个步骤:
1. 确保HTML文件中包含了正确的DOM元素。在你的`popup.html`文件中,确认有一个具有"id"为"getCookieButton"的按钮元素和一个具有"id"为"cookieValue"的div元素。
2. 确保JavaScript文件(如`popup.js`)在DOM加载完成后执行。你可以将JavaScript代码放在`DOMContentLoaded`事件处理程序中,以确保DOM元素已经加载完毕。
以下是一个修改后的`popup.js`示例代码:
```javascript
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("getCookieButton").addEventListener("click", function() {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
chrome.tabs.sendMessage(tabs[0].id, {action: "getCookie"}, function(response) {
document.getElementById("cookieValue").textContent = response.cookie;
});
});
});
});
```
通过在`DOMContentLoaded`事件处理程序中添加代码,确保在DOM加载完成后再绑定点击事件。
如果问题仍然存在,请检查其他相关代码,确保没有其他地方导致了该错误。
阅读全文