封装一个getElemeltnByClassName兼容方法_请封装byclassname的兼容-CSDN博客

本文链接：https://blog.csdn.net/Yzhoun/article/details/106865343

Math.random()

生成一个0-1左右开区间数

封装一个getElemeltnByClassName兼容方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box rap">
        <span class=" rap  box hahaha">
            <p class="hahaha box"></p>
        </span>
    </div>
    <div class="box hahaha">
        <p class="box">
        </p>
    </div>
    <script>
        Element.prototype.getElementsByClassName = Document.prototype.getElementsByClassName = document.getElementByClassName|| function classNamenie(dome){
            //兼容方法如果没有class方法就用函数兼容
            var allDom = document.getElementsByTagName('*');
            //获取整个页面的元素
            var arr = [];
            //创建一个数组用来接收返回符合class类名的元素
            function reg(can){
                //创建正则规则
                var regE = /\s+/g;
                //匹配空格
                var newCan = can.replace(regE, ' ');
                //将多个空格变为一个空格
                return newCan;
                //返回改变之后的列
            }
            for(var i = 0; i < allDom.length; i ++){
                //循环整个页面的元素
                var iclassName = reg(allDom[i].className).trim();
                //声明一个变量用来接收改变之后的元素
                var classArray = iclassName.split(' ');
                //声明一个变量用来接收将多个连串class类名用空格分离出来的值
                for(var j = 0;j < classArray.length; j ++){
                    //循环拿到的值
                    if(classArray[j] == dome){
                        //将每一个值与传入的参数进行对比
                        arr.push(allDom[i]);
                       // 符合的将会扔入数组里面去
                        break;
                        //终止循环
                    }
                }
            }
            return arr;
            //返回数组
        }
        console.log(document.getElementsByClassName('rap'))
    </script>
</body>
</html>