最常用的document.getElementById,你真的了解吗？该怎么解决

最常用的document.getElementById,你真的了解吗？
text1：
        <input   name= "textName1 "   type= "text "   id= "textName2 "   value= "1 "   />
<br>
    text2：
        <input   name= "textName2 "   type= "text "   id= "textName1 "   value= "2 "   />
<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)   />  

上面的代码，点击第一个按钮，和第二个按钮分别有什么提示?


------解决方案--------------------
靠，这么奇怪？什么原因
------解决方案--------------------
谢谢提醒
------解决方案--------------------
点第一个是1第二个是2啊
------解决方案--------------------
刚才用的FF。。。。。改用IE就全是1了

------解决方案--------------------
一个是NAME,一个是ID`按浏览器的不同,取NAME和ID不同...
------解决方案--------------------
很少有人这么做 晕~
------解决方案--------------------
一般都是name跟id一样
即使name不一样id也不会交换
很少这样的

不过发生在IE上很正常^T^
------解决方案--------------------
晕~

还真的！

不过 gzty(风逍遥) 说得对，发生在IE上不要奇怪

------解决方案--------------------
哈哈,有意思,期待高手解答.
------解决方案--------------------
其实name和id是一回事,调用document.getElementById方法时,从文档头开始找这个object,返回最先找到的.所以不管按这两个按钮,返回的都是第一个输入框.如果你把两个文本框交换一下,那么总是输出2了.