JS兼容getElementsByClassName

Posted 2020-08-09

getElementsByClassName是通过class来获取DOM，但是IE8及以下不能兼容。这里做了一下兼容性。

html：

 <div  class="pox">我是pox</div>

兼容JS：

function getByClassName(ClassName){     
    if(document.getElementsByClassName){
     return document.getElementsByClassName(ClassName);
    }else{
    var aEle=document.getElementsByTagName(‘*‘); 
    var arr=[];  
    for(var i=0;i<aEle.length;i++){
     if(aEle[i].className==ClassName){
    arr.push(aEle[i])
        }
        }
      return arr; 
      }
       }

测试：

window.onload=function(){
            function getByClassName(ClassName){     
                if(document.getElementsByClassName){
                return document.getElementsByClassName(ClassName);
                }else{
                var aEle=document.getElementsByTagName(‘*‘); 
                var arr=[];  
                 for(var i=0;i<aEle.length;i++){
                 if(aEle[i].className==ClassName){
                    arr.push(aEle[i])
                        }
                    }
                 return arr; 
                    }
                }
             var Box=getByClassName(‘pox‘)[0];            
            alert(Box.innerHTML);

            }

结果：

IE7谷歌火狐