JavaScript 中getElementsByName在IE中的注意事项

本文探讨了IE5-9中getElementsByName方法的特殊行为及其兼容性问题。此方法不仅返回名称匹配的元素,还会返回ID相同的元素。这可能导致不期望的结果,尤其是在IE5-9浏览器中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在IE5-9中是没有实现js的 getElementsByClassName()方法,但是实现了getElementsByName()方法,但是需要注意的是这个方法在IE5-9中也返回id属性匹配的指定元素,为了兼容,应该小心谨慎使用,不要将同样的字符串同时用作了名字和ID。
测试程序如下:

       <div id="log">
            <div id="innerLog">
            </div>
        </div>

 function testCSSSelector() {
  console.log(document.getElementsByName("log").length);
                             console.log(document.getElementsByName("innerLog").length);
            };

经过测试在IE5-9浏览器中都输出1,IE10以上(包含IE10和Edge浏览器)都输出0。google和Firefox输出的结果也为0。如果你使用的是360浏览,它的某些模式也是使用的IE内核,同样输出的结果为1。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值