首页 前端知识 JS常见报错解决办法:Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)

JS常见报错解决办法:Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)

2024-01-31 12:01:39 前端知识 前端哥 159 587 我要收藏

Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML’)意思是,
未捕获类型错误:无法设置空属性(设置“innerHTML”),
也就是说**.innerHTM**前的对象内容是空或null。

1、举个例子,我需要用js渲染HTML网页的数据。
在这里插入图片描述
报错:
Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML’)
自然是未实现想要的渲染效果。
在这里插入图片描述
2、当我将要插入的js文件放在body的后面,错误就解决了
在这里插入图片描述
实现了想要的数据渲染效果。
在这里插入图片描述

3、浏览器工作原理
由于浏览器解析HTML代码的时候,是自上而下执行的。
将js文件插入HTML头部,解析js代码的时候,无法解析到body里面的代码,因此找不到要操作的数据对象。

此时,需要重新排序,把js代码放在body的后面。(js代码可以放在HTML代码的任意位置)

转载请注明出处或者链接地址:https://www.qianduange.cn//article/878.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!