Uncaught TypeError: Cannot set property 'innerHTML' of null

学习Chrome插件时，要在弹出页面中显示当前时间，结果怎样也显示不出来

看了 /article/6960666.html 这篇文章后感悟颇深

引用1：

通过调试发现在js中的一段代码没有执行到，报以下错误

　　Uncaught TypeError: Cannot set property 'innerHTML' of null

　　然后查询该错误原因，结果是因为js引用放在了页面的头部，在修改 innerHTML 属性时找不到该属性，因为需要修改一个html标签中的内容，因此需要html加载并解析完成之后才能找到对应id的标签，在 head 处引用 js 导致 js 找不到对应 id ，当将 js 引用放在 body 尾部之后就可以正常显示了。

引用2：

当出现以下错误："……is not defined”、"Uncaught TypeError: Cannot set property 'innerHTML'
of null”、"document.getElementById("Clock") is null" 时请注意！
很有可能是js文件中调用了html中的对象，并且js在这个调用的对象之前加载了。
所以呢，只要把js文件引用或代码放到最后或调用的对象后面就行了。
补充：正确的写法应该是在请用对象之前作个判断。 if(document.getElementById("dd")){....}

学习了这么久的编程从来没有好好学习过调试程序的方法，一直都在用 console.log() 、syso()、alert()，真得要好好学习一下程序调试的方法了，太受用了