IE的getelementbyid(elementid)方法的使用（转）

最新推荐文章于 2020-09-26 17:19:16 发布

weixin_34212189

最新推荐文章于 2020-09-26 17:19:16 发布

阅读量455

点赞数

原文链接：http://www.cnblogs.com/alterhu/archive/2012/03/07/2383323.html

版权

本文通过一个实例展示了在Internet Explorer（IE）和Firefox浏览器中使用document.getElementById方法的差异。在IE中，该方法会返回第一个匹配name或id属性的对象，而Firefox仅返回与id完全匹配的对象。此行为差异可能导致跨浏览器兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试如下：

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" οnclick=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" οnclick=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是考虑的兼容性的问题才这么做的。

转载于:https://www.cnblogs.com/alterhu/archive/2012/03/07/2383323.html