js如果先放在head中，就会先加载js内容，但js内容又会涉及到html中的内容，那就到时html的内容没用到js中

操作DOM需要等加载完成，所以放在页面底部，或者JS用window.onload=function(){}，jquery用$(document).ready(function(){})

原生的js 有两个方法  第一个是放在 </body> 前 第二个是 window.onload=function()

dom结构你没看,是因为还没读取到body里面的代码就读取head 里面的JS代码，那理所当然找不到页面元素 ，建议把代码放在 window.onload=function(){代码放着里面} 这个函数的意思就是等页面文档加载完毕才执行JS代码

贴代码