getElementsByClassName

最新推荐文章于 2025-05-16 15:18:00 发布

liugang0605

最新推荐文章于 2025-05-16 15:18:00 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏： js dom操作文章标签： api 函数 js dom

本文链接：https://blog.youkuaiyun.com/power8988/article/details/76166965

js 同时被 2 个专栏收录

113 篇文章

订阅专栏

dom操作

11 篇文章

订阅专栏

本文提供了一种兼容多种浏览器的获取指定类名DOM元素的方法，并探讨了高效搜索DOM元素的技术。

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

getElementsByClassName是比较新的api；可能存在兼容问题；

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

以上函数接受两个参数

第一个参数是dom树上搜索的起点；
第二个参数是搜索的类名

当然搜索匹配的dom元素的方法很多，真正高效的不多；下来再说高效的查找方法