Cannot read property 'innerHTML' of null ——这个报错的字面含义是：不能读取空的内部HTML。
这个报错是一个初学者的问题。实际上，在页面的HTML结构中，innerHTML是有实际的值并可以在console进行获取查询到。
问题：script中关于DOM部分放在和body标签前。
根据浏览器的渲染原理，HTML代码从上到下执行代码，当浏览器JS解析器解析到script并进行DOM操作，下面的DOM结构还没有进行搭建。那么就会提示不能正确读取内部的HTML信息。
解决思路：将涉及DOM读取部分的script放在DOM结构后面。</body>标签前面。或者在前置的script标签写明：window.onload等，确保DOM树加载完毕后再执行这段script代码。