Javascript 无法读取 null 错误的属性“addEventListener”

Question

我的问题是执行脚本时出现错误消息：

无法读取 null 的属性“addEventListener”

我的 JavaScript 代码：

var bghtooltipin  = document.getElementById('bgh-tooltipin1');
var bghtooltipout = document.getElementById('bgh-tooltipout1');
bghtooltipin.addEventListener('mouseover', mouseOver);
bghtooltipin.addEventListener('mouseout', mouseOut);

我查看了很多故障排除提示，但没有找到任何可以解决我的问题的方法。

Answer 1

当您尝试访问 null 的属性时，会发生Cannot read property addEventListener of null情况。 错误只是意味着，如果你这样做：

myElement.addEventListener("click", function () {
    //some code
});

那么myElement并没有像您想象的那样定义。 没有任何代码，我无法再提供帮助，但我最好的建议是 go 到您定义myElement的位置。 很可能，那条线有问题。

Answer 2

您必须在正文的末尾编写 javascript 或使用 DOMContentLoaded 对其进行初始化。 问题是你的，当时文件不完整，当你尝试 select 你的元素时。

 <script> document.addEventListener('DOMContentLoaded', function() { document.querySelector('#elem').addEventListener('click', function() { this.innerText += ';'; }); }); </script> <button id="elem">Click me</button>