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，等页面加载结束后再执行这一部分代码。

示例：

	
	
	




	

		

			

				
序号
				
分数
			
			

				
1
				

			
			

				
2
				

			
			

				
3
				

			
			

				
4
				

			
			

				
5
				

			
			

				
6
				

			
			

				
7
				

			
		
	
	
	

	
	

		

			

				
统计项
				
数值
			
			

				
总分
				

			
			

				
平均成绩
				

			
			

				
不及格人数
				

			
		
	
    

结果：