【兼容封装】选择器getElementById || getElementsByClassName(兼容IE) || getElementsByTagName

本文介绍了一种使用原生JavaScript封装的选择器函数,该函数兼容IE浏览器,并能通过ID、类名或标签名查找DOM元素。同时,文章提供了一个兼容getElementsByClassName的方法,用于按类名查找元素。

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

封装 – 原生js选择器

简单的封装一个选择器函数(带兼容IE)

 /* 封装一个选择器 */
   function seletor(param, obj) {
        obj = obj || document;
        //根据id名查找元素
        if (param[0] === "#")
            // console.log("param",param.charAt(0))
            return document.getElementById(param.slice(1));
        // 根据指定类名查找元素
        if (param.indexOf(".") === 0)
            return getByClass(param.substring(1), obj);
        //根据标签名查找
        return obj.getElementsByTagName(param);
    }

//类名查找元素实现方法 -- 兼容一下getElementsByClassName
    function getByClass(className, obj) {
        obj = obj || document;
        if (obj.getElementsByClassName)
            return obj.getElementsByClassName(className);

        var result = [];
        var tags = obj.getElementsByTagName("*");
        for (var i = 0, len = tags.length; i < len; i++) {
            var classNames = tags[i].className.split(" "); // 获取当前遍历元素的类名
            for (var j = 0, l = classNames.length; j < l; j++) {
                if (className === classNames[j]) { // 找到所需要进行查找的一个元素
                    result.push(tags[i]);
                    console.log("result",result)
                    break;
                }
            }
        }
        return result;
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值