Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决

1.js代码Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
在编写一个html时,想要实现js中处理的数据输出并显示在浏览器的表格中,然后再写完代码后,报错Uncaught TypeError: Cannot set properties of null (setting 'innerHTML');
Cannot set properties of null (setting 'innerHTML'),这个报错的意思是无法读取null的属性“innerHTML”,即表示找不到你想要将所写的HTML代码插入的地方。
  
  
 原因:浏览器加载HTML文档时,会将HTML文档解析为一个树形结构,称为DOM树,代码的执行顺序是自上而下依次执行,
   当执行到innerHTML这一行代码时,他并没有加载到下面的DOM结构,就会报错无法读取HTML
解决办法:将DOM的读取部分的script放在body后面。或者在script标签中添加window.onload,等页面加载结束后再执行这一部分代码。

你可能感兴趣的:(#,Java,Script,javascript,前端,html)