IE中document.getElementById和document.getElementsByName特殊表现

来源：互联网发布：淘宝怎么刷关键词2017 编辑：程序博客网时间：2024/04/30 13:02

HTML元素属性Id和name应该是不同的，Id犹如身份证号码，在整个页面中应该是唯一的，而name犹如姓名，在整个页面中可以重复。
JS中document.getElementById应该是用于捕捉具有某个id属性的一个元

素,document.getElementsByName是用于捕捉具有某个name属性的多个元素.
id和name不应当混淆。这一点在firefox中没有问题，而IE中的实现却不区分id和name。

eg.
<input type="text" name="t" />
<input type="text" id="t" />

javascript:
alert(document.getElementsByName('t').length);

在firefox中表现正确，输出长度为1，而在IE中输出却是2.

同样，如果使用document.getElementById('t'),在firefox中可以得到正确的id="t"的元素，而由于IE不

区分id和name，因此它将得到第一个name="t"的元素。

在IE中还有一个特殊点就是：IE中div和table等元素没有name属性，使用document.getElementsByName。得不到任何值，切记！

解决办法：
1、元素命名id和name在一个页面中最好都不要相同(避免IE混淆id和name的bug)
2、div和table等元素结合id和document.getElementsByTagName来使用