首页 > Web开发 > 详细

JS兼容getElementsByClassName

时间:2016-09-13 18:53:33      阅读:215      评论:0      收藏:0      [点我收藏+]

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技术分享谷歌技术分享火狐

JS兼容getElementsByClassName

原文:http://www.cnblogs.com/xuxingeren/p/5869277.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!