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来使用
本文探讨了HTML中Id和Name属性的区别,特别是在Firefox和IE浏览器中的行为差异。Id属性在页面内应保持唯一,而Name属性允许重复。文章还讨论了在不同浏览器下获取这些元素的方法,并给出了解决跨浏览器兼容性的建议。
17万+

被折叠的 条评论
为什么被折叠?



