含义:接收一个参数ID,如果能找到,则返回该元素,否则返回null,注意,区分大小写。
有个奇怪的问题,IE8以及较低版本的浏览器不区分ID的大小写,因此‘content’, 'Content'会当做相同的元素处理。
1 <div id="content">111</div> 2 <script> 3 var content = document.getElementById("content"); 4 var _content = document.getElementById("Content"); //IE8以及较低版本的浏览器不区分ID的大小写,因此‘content’, 'Content'会当做相同的元素处理。 5 </script>
如果页面中多个ID值相同,只会返回第一个。
IE7及较低版本还有一个有意思的怪癖,name特性与特定ID相匹配的表单元素(input,textarea,button,select)也会被该方法返回。如果有哪个表单元素的name特性等于特定的ID,而且该元素在文档中带有特定的ID的元素前面,那么IE就会返回那个表单元素。
1 <input type="text" name="myElement" value="1111" /> 2 <div id="myElement" >222</div> 3 <script> 4 var content = document.getElementById("myElement"); //IE7中会返回input,其他浏览器正常 5 </script>
参考:《javascript高级程序设计》第三版