关于Cannot read property innerHTML of null 报错信息的原因以及处理

Cannot read property ‘innerHTML’ of null ——这个报错的字面含义是：不能读取空的内部HTML。

这个报错是一个初学者的问题。实际上，在页面的HTML结构中，innerHTML是有实际的值并可以在console进行获取查询到。

问题：script中关于DOM部分放在和body标签前。

根据浏览器的渲染原理，HTML代码从上到下执行代码，当浏览器JS解析器解析到script并进行DOM操作，下面的DOM结构还没有进行搭建。那么就会提示不能正确读取内部的HTML信息。

解决思路：将涉及DOM读取部分的script放在DOM结构后面。标签前面。或者在前置的script标签写明：window.onload等，确保DOM树加载完毕后再执行这段script代码。
————————————————
版权声明：本文为CSDN博主「Michael18811380328」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_41697143/article/details/81126291