本文介绍: 将js文件插入HTML头部解析js代码的时候,无法解析body里面代码,因此找不到要操作数据对象。此时,需要重新排序,把js代码放在body的后面。(js代码可以放在HTML代码的任意位置)也就是说**.innerHTM**前的对象内容是空或null。2、当我将要插入的js文件放在body的后面,错误解决了。1、举个例子,我需要用js渲染HTML网页数据。由于浏览器解析HTML代码的时候,是。自然是未实现想要的渲染效果。实现了想要的数据渲染效果

Uncaught TypeError: Cannot set properties of null (settinginnerHTML’)意思是,
捕获类型错误:无法设置属性设置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://blog.csdn.net/wodegeCSDN/article/details/130457191

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_11877.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注