IE8以下不支持getElementsByClassName方法

最新推荐文章于 2021-08-19 14:10:27 发布

weixin_34221073

最新推荐文章于 2021-08-19 14:10:27 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gongshunkai/p/5838421.html

本文提供了一种兼容多种浏览器的 JavaScript 函数实现方案，用于根据类名获取文档中的元素集合。该方案包括两个主要函数：getElementsByClassName 和 hasClass。前者用于查找具有指定类名的元素，后者用于检查一个元素是否具有指定的类名。

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

 1 function getElementsByClassName(classStr,tagName,element){
 2     tagName = (tagName || '*');
 3     element = (element || document);
 4     
 5     if(typeof tagName == 'object'){
 6         element = tagName; tagName = '*';
 7     }
 8     
 9     if(document.getElementsByClassName){
10         return element.getElementsByClassName(classStr);
11     }else{
12         var nodes = element.getElementsByTagName(tagName),
13             ret = [];
14         for(i = 0; i < nodes.length; i++) {
15             if(hasClass(nodes[i],classStr)) ret.push(nodes[i]);
16         }
17         return ret;
18     }
19 
20     function hasClass(tagStr,classStr){
21         var arr=tagStr.className.split(/\s+/ ); //这个正则表达式是因为class可以有多个,判断是否包含
22         for (var i=0;i<arr.length;i++){
23             if (arr[i]==classStr) return true;
24         }
25         return false;
26     };
27 };