document.getElementById 你真正了解了吗?
2011-12-14 21:45
239 查看
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中测试了上面的代码,在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。
结果是两个按钮都返回了第一个文本框的值。
说明ie执行document.getElementById(elementName)的时候,返回的是第一个name或者id等于elementName的对象,并不是按照ID来查找的。
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才这么做的。
<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中测试了上面的代码,在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。
结果是两个按钮都返回了第一个文本框的值。
说明ie执行document.getElementById(elementName)的时候,返回的是第一个name或者id等于elementName的对象,并不是按照ID来查找的。
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才这么做的。
相关文章推荐
- document.getElementById 你真正了解了吗?
- 有多少人真正了解document.getElementById?
- document.getElementById 你真正了解了吗
- document.getElementById 你真正了解了吗?
- 有多少人真正了解document.getElementById?
- document.getElementById 你真正了解了吗?
- javaScript中document.getElementById 你了解多少?
- $("#id")与document.getElementById("id") 即 jQuery对象和DOM对象相互转换
- document.getElementById的详细介绍
- document.getElementById(...)' 为空或不是对象
- 解决IE的document.getElementById的BUG
- document.getElementById为空或不是对象的解决方法
- var fGrid = document.getElementById("<%=gvReturnSgd.ClientID %>") 的理解
- document.getElementById()方法使用
- document.getElementById("xx").style.xxx中的所有属性
- jquery中的$("#id")与document.getElementById("id")的区别
- document.getElementById方法在Firefox与IE中的区别
- document.getElementById(id)
- Javascript 常用方法:document.getElementById(" ")