码迷,mamicode.com
首页 > 其他好文 > 详细

IE 兼容 getElementsByClassName

时间:2015-11-15 19:10:29      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

//基于 IE 对 getElementsByClassName 的支持
(function(CN){
  if( !(CN in document) ){

    document[CN] = function(cname){
      var reg = new RegExp("(^|\\s)"+ cname +"(\\s|$)"), //匹配 class 正则
      tag = this.getElementsByTagName("*"),
      elementArr = cname==="*" ? tag : [];
      
      if( !elementArr.length )    //参数不为 * , 才走节点遍历
      for (var i=0; i<tag.length; i++) {
        reg.test( tag[i].className ) && elementArr.push( tag[i] );    
      };
      return elementArr;
    }

    if( "Element" in window ){//IE8

      Element.prototype[CN] = document[CN];
    }else{//IE7 IE6

      for(var j=0; j<document.all.length; j++){
        document.all[j][CN] = document[CN];
      }
    }
  }
})( "getElementsByClassName" );

var a = document.getElementsByClassName("a1");
var b = a[0].getElementsByClassName("b1");
alert(b[0].innerHTML);
alert(b[1].innerHTML);

 

IE 兼容 getElementsByClassName

标签:

原文地址:http://www.cnblogs.com/webmagic/p/4966901.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!