一：id獲取（全部瀏覽器兼容）
document.getElementById("");
<body> <div id="box"></div> </body> <script> var box = document.getElementById("box"); </script>
getElementById,它只有document對象才能使用，而且返回的是數組的第一個元素，他的方法名寫明了是getElement不是getElements，不要搞混了。
以下幾種獲取的是元素的集合，是一個數組，所以引用的時候，記得加上下標：索引號
二：標簽獲取（全部瀏覽器兼容）
document.getElementsByTagName("");
<body> <p>標簽獲取</p> </body> <script type="text/javascript"> var ps = document.getElementsByTagName("p");
ps[0].onclick = function(){ alert("標簽獲取"); }; </script>
三：name獲取（ie9及ie9以下不兼容）
<body> <div name="box">name獲取</div> </body> <script type="text/javascript"> var boxs = document.getElementsByName("box"); boxs[0].onclick = function(){ alert("name獲取"); }; </script>
四：className獲取（ie9及ie9以上支持）
<body> <div class="box">className獲取</div> </body> <script type="text/javascript"> var boxs = document.getElementsByClassName("box"); boxs[0].onclick = function(){ alert("className獲取"); }; </script>
一個根據父元素查找classname的兼容方法
