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

Cannot read property addEventListener of null会在您尝试访问null属性时发生。该错误仅表示，如果您正在执行此操作：

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

然后myElement的定义不像您想象的那样。没有任何代码，我无济于事，但是最好的建议是转到您定义myElement的位置。这行可能有问题。

Answer 2

您必须在正文末尾编写JavaScript或使用DOMContentLoaded对其进行初始化。问题是，当您尝试选择元素时，文档当时不完整。

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

<button id="elem">Click me</button>

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

2 个答案: