Uncaught TypeError: Cannot set property 'innerHTML' of null 学习Chrome插件时，要在弹出页面中显示当前时间，结果怎样也显示不出来 看

Uncaught TypeError: Cannot set property 'innerHTML' of null

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

看了 http://www.cnblogs.com/mfryf/p/3701801.html 这篇文章后感悟颇深

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

　　Uncaught TypeError: Cannot set property 'innerHTML' of null 

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

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