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

本文探讨了HTML中Id和Name属性的区别,特别是在Firefox和IE浏览器中的行为差异。Id如同身份证号,在页面中唯一;Name则类似姓名,可重复。文章还指出了IE浏览器在处理这两个属性时的特性和潜在问题。

    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来使用

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值