关于原生JS方法:document.getElementsByClassName

原生JS方法:document.getElementsByClassName,对IE8及以下的浏览器都不兼容
解决方法:

var  divs = getClassNames('tabs_div' , 'div');  
function getClassNames(classStr,tagName){  
      if (document.getElementsByClassName) {  
            return document.getElementsByClassName(classStr)  
      }else {  
            var nodes = document.getElementsByTagName(tagName),ret = [];           
            for(i = 0; i < nodes.length; i++) {  
         if(hasClass(nodes[i],classStr)){  
                ret.push(nodes[i])  
         }  
      }  
      return ret;  
       }  
}  
function hasClass(tagStr,classStr){  
     var arr=tagStr.className.split(/\s+/ );  //这个正则表达式是因为class可以有多个,判断是否包含  
     for (var i=0;i<arr.length;i++){  
            if (arr[i]==classStr){  
                  return true ;  
            }  
     }  
     return false ;  
}  
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 11,026评论 0 106
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,700评论 1 92
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,211评论 2 19
  • 曾经,我喜欢过的一个男孩问我:你们女孩子是不是都喜欢花? 年幼无知的我不知道该怎么回答,内心波澜却表面平静地说:不...
    默梓阅读 3,602评论 0 48
  • 渐渐的 慢慢的 了无声息的 在寂静的压抑中喷发出来 黑色眼泪 黑色血液狂喷而出 肆意飞溅 之后在这一片黑色的压抑中...
    小九酒阅读 1,414评论 0 1

友情链接更多精彩内容