无法读取属性'addEventListener'的null错误，不确定原因

Cannot read property 'addEventListener' of null Error, not sure why

本文关键字：错误 null 不确定 addEventListener 读取 属性      更新时间：2023-09-26

每当我将鼠标悬停在图像上时，它不会放大并给出错误。

HTML和Javascript代码（这是两个独立的文件）：

var banner = document.getElementById("banner");
function enlargePic(){
banner.style.width = '800px';
banner.style.height  = '300px';
}
function normalPic(){
banner.style.width = '500px';
banner.style.height  = '200px';
}

banner.addEventListener("mouseover", enlargePic, false); 
banner.addEventListener("mouseout", normalPic, false); 
<div id="designs">
<a id="designs"></a>
<h1>DESIGNS.</h1> 
<table>
<tr>
<td><img src="banner2.jpg" id="banner"></td>
</tr>
</table>
</div>

您的javascript代码在第一节中。因此，它已经在banner元素之前进行了渲染，并且找不到元素id=banner，因为它还没有进行渲染。尝试在html代码之前定位代码。

当引用函数normalpic时，应该在它前面加一个空函数：

banner.addEventListener("mouseout",function(){normalpic},false)
相关文章：