当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”。