IE6.0中getElementsByName和getElementById的bug
IE6.0的getElementsByName()和getElementById() bug
1、document.getElementsByName(name)
IE6.0中的bug：
会将id等于给定的name值的元素也返回。
<script type="text/javascript">
function getCount(){
var objs=document.getElementsByName("myElement");
alert(objs.length);
}
</script>
<button id="button1" name="button1" onclick="getCount()">click me</button>
<a id="myElement" name="aLink" href="http://www.baidu.com">baidu</a>
<input id="btn1" name="myElement" value="button 1" type="button" />
<input id="btn2" name="myElement" value="button 2" type="button" />
<input id="btn3" name="myElement" value="button 3" type="button" />
结果：4
原因：IE6.0错误的将<a id="myElement">元素也返回了。
解决办法：一个元素的name属性值千万不要和其他任何元素的id值相同。此处建议讲<a>的id值改为其他值。
2、 document.getElementById(id)
IE6.0中的bug：
如果给定的id匹配某个元素的name属性，IE6.0会错误返回这个元素(前提是该元素位于我们查找的目标元素之前)。
示例：
<script type="text/javascript">
function getEle(){
var obj=document.getElementById("myElement");
alert(obj.id);
}
</script>
<button id="button1" name="myElement" onclick="getEle()">click me</button>
<a id="myElement" name="aLink" href="http://www.baidu.com">baidu</a>
结果：button1
原因：button1的name值恰好等于给定的id值，且button1在a元素之前，IE6.0错误的返回了button1。
解决办法：一个元素的name属性值千万不要和其他任何元素的id值相同。
改变一下button和a的位置，如下：
<script type="text/javascript">
function getEle(){
var obj=document.getElementById("myElement");
alert(obj.id);
}
</script>
<a id="myElement" name="aLink" href="http://www.baidu.com">baidu</a>
<button id="button1" name="myElement" onclick="getEle()">click me</button>
结果：myElement
原因：IE6.0首先找到id为myElement的a元素，找到后立即就返回了。
word版：
