getElementByClassName()不兼容的解决办法

Posted 2020-08-13 catherinehd

在获取元素时候采用getElementByClassName()方法是比较方便的，但是对于IE6不兼容，可以采用以下代码来自定义这个方法：

window.onload=function(){

 if(!document.getElementByClassName){

 document.getElementByClassName=function(cls){

   var ret=[];

   var els=document.getElementByTagName(‘*‘);

   for(var i=0,len=els.length;i<len;i++){

    if(els[i].className===cls

    ∣∣els[i].className.indexOf(cls+‘ ‘)>=0

    ∣∣els[i].className.indexOf(‘ ‘+cls+‘ ‘)>=0

    ∣∣els[i].className.indexOf(‘ ‘+cls)>=0){

     ret.push(els[i]);

           }

      }

return ret;

   }

 

}

var cart = document.getElementByClassName(‘cart‘);//可以使用了。

}