document.getElementById在IE和火狐中的区别

发布时间:2020-10-10编辑:脚本学堂
本文介绍下,document.getElementById在IE与火狐浏览器中的不同,有需要的朋友作个参考吧。

有如下的内容:
 

复制代码 代码示例:
text1:
<input name="textName1" type="text" id="textName2" />
<br>
text2:
<input name="textName2" type="text" id="textName1" />
<br>
  <input type="button" name="Submit" value="text1"  onclick=alert(document.getElementById('textName2').value) />
  <input type="button" name="Submit2" value="text2"  onclick=alert(document.getElementById('textName1').value) />

一,IE浏览器中测试document.getElementById的返回结果

在IE中,在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。
结果是两个按钮都返回了第一个文本框的值。
说明ie执行document.getElementById(elementName)的时候,返回的是第一个name或者id等于elementName的对象,并不是按照ID来查找的。

二,Firefox浏览器中测试document.getElementById的返回结果
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)时,只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才会如此操作。