因为你的javascript代码写在head里, 这时候body里的内容浏览器还没有加载, 自然无法获取dom元素并进行操作.你可以:
将你的代码移动到body的结尾, 作为body的最后一个元素, 就是放到
之前.
2 .代码位置不变, 但放在window.onload事件里, 表示页面加载后再执行.
window.onload=function(){
//你的代码
}
3. 代码位置不变, 用jquery的方法, 和第2个做法本质一样, 但你要提前正确的引入jquery.
$(function(){
//你的代码
});