代码改变世界

【javascript基础】document.getElementById

2012-12-25 19:29  sniper007  阅读(534)  评论(0编辑  收藏  举报

含义:接收一个参数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高级程序设计》第三版