getElementsByClassName兼容新老浏览器方法

本文介绍了HTML5中新增的getElementsByClassName方法,该方法允许通过类名访问DOM元素。由于存在兼容性问题,文中还提供了一段替代实现的代码。

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

html5 dom中新增了一个getElementsByClassName方法,我们可以通过class属性的类名访问到元素。
新出的方法多少有点兼容性问题,这个是跑不了的,为了弥补这个不足,可以用下面的代码去实现。

        var getElementsByClassName(node,classname){
            if (node.getElementsByClassName) {
                //直接使用
                return node.getElementsByClassName(classname);
            } else{
                var results = new Array();
                var elems = node.getElementsByTagName("*");
                for (var i = 0; i < elems.length; i++) {
            if (elems[i].classname.indexOf(classname)!=-1) {
                        results[results.length]=elems[i];
                    }
                }
                return results
            }
        }

不过这个不适合类名太多的例子,不然很累的,效率也低。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值