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

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代码的任意位置)

猜你喜欢

转载自blog.csdn.net/wodegeCSDN/article/details/130457191
今日推荐