JS兼容getElementsByClassName


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谷歌火狐


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM