在老的浏览器中实现getElementsByClassName的使用

来源：互联网发布：结构化面试知乎编辑：程序博客网时间：2024/04/24 10:14

getElementsByClassName方法十分有用，但只有较新的浏览器才支持，为了弥补这一不足，可以通过已有的DOM方法来实现自己的getElementsByClassName.

function 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;    }}

这个getElementsByClassName函数接受两个参数。第一个node表示DOM树中的搜索起点，第二个classname就是要搜索的类名了。如果传入节点上已经存在了适当的getElementsByClassName函数，那么这个新函数就直接返回相应的节点列表。如果getElementsByClassName函数不存在，这个新函数就会循环遍历所有标签，查找带有相应类名的元素。

0 0