getElementsByClassName兼容写法

来源:互联网 发布:cms视频监控手机版 编辑:程序博客网 时间:2024/06/05 08:18
<script>var getElementsByClassName = function(className, results) {    results = results || [];    // 判断浏览器是否支持 getElementsByClassName    if(document.getElementsByClassName) {        // 浏览器支持这个方法        results.push.apply( results, document.getElementsByClassName(className) );    } else {        // 浏览器不支持        // 实现:通过类名来获取页面中的元素        // 思路:        // 1 通过标签名获取到所有的元素        // 2 循环遍历获取到的所有元素,分别判断当前元素有没有指定的类        // 1 获取到页面中所有的元素        var nodes = document.getElementsByTagName("*");        // 2 遍历        for(var i = 0; i < nodes.length; i++) {            var cNodes = nodes[i];            // 2.1 判断当前元素是否包含 指定的类 className            // 第一种方式:            // 1 获取到当前元素的类名 className/getAttribute("class")            // 2 将获取到的类名 以空格分割 产生一个数组            //         ["c1", "c2", "c3"]            // 3 用数组中的每一个元素分别跟className比较            // 4 如果是符合要求的就放到 results 中            var cNodeClsName = cNodes.className;            var clsNames = cNodeClsName.split(" ");            for(var j = 0; j < clsNames.length; j++) {                if(clsNames[j] === className) {                    results.push(cNodes);                }            }        }    }    return results;};</script>
0 0
原创粉丝点击