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中測試了上面的代碼，在第一個(gè)文本框中輸入1，在第二個(gè)文本框中輸入2，然后點(diǎn)下面的兩個(gè)按鈕，猜一下結(jié)果是什么？
我本意是按鈕1返回第一個(gè)文本框的值，按鈕2返回個(gè)文本框的值。
結(jié)果是兩個(gè)按鈕都返回了第一個(gè)文本框的值。
說明ie執(zhí)行document.getElementById(elementName)的時(shí)候，返回的是第一個(gè)name或者id等于elementName的對象，并不是按照ID來查找的。
在fireFox中不存在這樣的問題，fireFox執(zhí)行document.getElementById(elementName)的時(shí)候只查找id等于elementName的對象，如果不存在則返回null。
可能IE是考慮的兼容性的問題才這么做的。