javascript怎么获取指定class属性名的元素

这篇文章主要介绍“javascript怎么获取指定class属性名的元素”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript怎么获取指定class属性名的元素”文章能帮助大家解决问题。

从网站建设到定制行业解决方案,为提供成都网站制作、做网站服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联将不断加快创新步伐,提供优质的建站服务。

具体内容如下:

getElementsByClassName

除了通过指定标签获取元素外,DOM还提供了getElementsByClassName方法来获取指定class名的元素。不过由于该方法比较新,较老的浏览器还不支持,比如IE6。不过我们可以通过hack方式来弥补老浏览器缺陷。该方法调用的方式如下所示:

document.getElementsByClassName('demo')    //demo为元素指定的class名

和getElementsByTagname一样, 该方法除了能被document对象调用之外,还可以被普通的元素调用。

对于比较老的浏览器,比如IE6、7我们可以通过下面的hack方式来实现:

function getElementsByClassName(node,classname){
        if(node.getElementsByClassName) {
            return node.getElementsByClassName(classname);
        }else {
            var results = [];
            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;
        }
    }

关于“javascript怎么获取指定class属性名的元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


文章名称:javascript怎么获取指定class属性名的元素
分享地址:http://www.hxwzsj.com/article/joiiec.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 泸州网站建设 网站建设公司 营销型网站建设 成都商城网站建设 成都网站建设 网站制作公司 手机网站建设套餐 成都网站制作 品牌网站建设 成都响应式网站建设 H5网站制作 响应式网站设计方案 成都网站制作 成都网站建设 网站制作 成都网站建设公司 成都企业网站制作 成都企业网站建设公司 成都网站制作 网站建设方案 定制网站设计 手机网站制作设计