报错“Cannot read properties of null (reading ‘addEventListener‘)“
控制台报错"Cannot read properties of null (reading 'addEventListener')"因为 JavaScript 中操作元素的函数方法需要在 HTML 文档渲染完成后才可以使用，如果没有渲染完成，此时的 DOM 树是不完整的，这样在调用一些 JavaScript 代码时就可能报出 "undefined" 错误。
·
场景
控制台报错"Cannot read properties of null (reading 'addEventListener')"
错误原因
因为 JavaScript 中操作DOM元素的函数方法需要在 HTML 文档渲染完成后才可以使用，如果没有渲染完成，此时的 DOM 树是不完整的，这样在调用一些 JavaScript 代码时就可能报出 "undefined" 错误。
解决方法
把代码放到window.οnlοad=function(){...}里面。
window.onload
window.onload() 用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。window.onload() 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。
window.onload与$(document).ready()的区别
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
13
0- 0
已为社区贡献2条内容
所有评论(0)