先给你看下面两段代码：
<div id="div1">test!</div><script>
console.log(document.getElementById("div1")) //这个能够获得值
</script> <script>
console.log(document.getElementById("div1")) //这个不能获得值！
</script>
<div id="div1">test!</div>
看出原因没有？当js代码是先于html运行时，是获取不到DOM元素的！因为这时候该DOM元素尚未加载到内存，相当于不存在！
要想实现js代码放到任何位置都能获得DOM元素，就要保证代码在页面完全加载完毕后才开始运行，比如：
<script>window.onload=function(){ //网页完全加载完毕才会触发这个事件
console.log(document.getElementById("div1")) //这时候就能获得了
}
</script>
<div id="div1">test!</div>
js中有四种获取dom的方法：根据ID获取对象：document.getElementById(ID)
根据class获取对象数组：document.getElementsByClassName("box")
根据tag获取对象数组：document.getElementsByTagName("p")
根据name获取对象数组：document.getElementsByName(NAME)
用jquery选择器就多得去了，一般都用jquery，js一大串代码用jquery几个符号搞定。
根据ID获取对象：$('#ID')
根据class获取对象数组：$(".box")
根据tag获取对象数组：$("p")
根据name获取对象数组：$('input[name="nw"]')
