TypeError: Cannot read properties of null (reading ‘addEventListener‘) at study.html:59:17

已于 2024-07-29 23:32:36 修改
阅读量537 收藏
点赞数 1
分类专栏： 其他 文章标签： html 前端
于 2024-07-23 16:16:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74234485/article/details/140639030
版权

场景
控制台报错"Cannot read properties of null (reading 'addEventListener')"

Cannot read properties of 都是渲染错误 不能获取属性

错误原因
因为 JavaScript 中操作DOM元素的函数方法需要在 HTML 文档渲染完成后才可以使用，如果没有渲染完成，此时的 DOM 树是不完整的，这样在调用一些 JavaScript 代码时就可能报出 "undefined" 错误。

解决办法
addEventListener 放在绑定的元素添加渲染完成后再使用；
使用 window.onload 或 $(document).ready()

脆皮骷髏人
关注
专栏目录
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...
报错 Cannot read properties of undefined（reading‘addEventListener‘）如何解决
2301_79420857的博客
06-22 1720
无法读取未定义的属性(读取' addEventListener ')问题：这是我给一个input输入框绑定的监听事件出现的报错。
js | TypeError: Cannot read properties of null (reading ‘indexOf’) 【解决】
最新发布
qq_34419312的博客
09-12 5765
js | TypeError: Cannot read properties of null (reading ‘indexOf’) 【解决】
Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
王佳斌
07-16 3907
vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3 insertBefore，报错，Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)，详细解决，v-if 导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环
Uncaught (in promise) TypeError: Cannot readproperties of null (reading “addEventListener“)
weixin_46015333的博客
10-19 3683
Uncaught (in promise) TypeError: Cannot readproperties of null (reading "addEventListener")
Cannot read properties of null (reading ‘addEventListener‘) 解决方法
qq_17627195的博客
08-29 7464
JS 中操作DOM元素的函数方法需要在 HTML 文档渲染完成后才可以使用
Uncaught TypeError: Cannot read properties of null (reading ‘addEventListener‘)
promises_me的博客
11-29 2395
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
代码报错这行代码报错了，请帮我看看是什么原因，报错如下：Uncaught TypeError: Cannot read properties of null (reading 'addEventLis...
weixin_35757531的博客
01-06 5318
这个错误的意思是你的代码尝试读取一个 null 对象的属性，导致抛出了一个 TypeError 异常。 可能的原因有： 你可能在代码中使用了一个未定义的变量，这个变量为 null。 你可能获取了一个 DOM 元素，但这个元素在文档中不存在。 你可能在调用一个函数时传递了一个 null 参数，而这个函数没有对 null 进行特殊处理。 我建议你检查你的代码，确保所有变量都已定义，所有 DO...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
01-20
Chrome提示： 确定相关JS已经包含在页面中，（用的是MasterPage，二个页面包含的js文件完全相同），排除了js引用路径不正确的问题。...162行，根据ID获取某个DOM对象，在这里看到optionsFormID为null。（Chr
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
报错“Cannot read properties of null (reading ‘addEventListener‘)“
qq_42101569的博客
08-19 1万+
控制台报错"Cannot read properties of null (reading 'addEventListener')"因为 JavaScript 中操作元素的函数方法需要在 HTML 文档渲染完成后才可以使用，如果没有渲染完成，此时的 DOM 树是不完整的，这样在调用一些 JavaScript 代码时就可能报出 "undefined" 错误。
Uncaught TypeError: Cannot read properties of null (reading ‘addEventListener
ssigin的博客
03-30 1857
举例：<div class="box"></div>这个box前面忘加一个点，导致找不到元素。报错原因：选择器未找到。
TypeError: Cannot read properties of null (reading 'addEventListener') at window.onload
06-16
这个错误信息 "TypeError: Cannot read properties of null (reading 'addEventListener')" 出现于JavaScript中，当你尝试在一个null或undefined对象上调用`addEventListener`方法时。`addEventListener`是用于为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

脆皮骷髏人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值