当js操作dom元素时，遇到undefined时，要检查一下js代码与html元素的位置

对于html的加载来说，如果html是这样的结构：

    <script> Part1 </script>

    <div> Part2 </div>

    <script> Part3 </script>

    则顺序为： 执行Part1 -> 构建Part2 -> 执行Part3。

    因此，如果需要在js里操作Part2里的dom元素，则需要把开始执行的代码放在Part3里，不能放在Part1里！

    注意，开始执行的代码放在Part3里，意味着，如果有一个方法，这个方法里面会操作Part2的dom元素，则这个方法可以放在Part1里。但是，这个方法，必须在Part3里被执行！如果在Part1里被执行，则会出问题，而这个命令大多数情况下就是“未定义”或“undefined”。

转载于:https://www.cnblogs.com/xxxteam/archive/2013/04/27/3046147.html