星空网 > 软件开发 > Java

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);      }

结果:

JS兼容getElementsByClassNameIE7JS兼容getElementsByClassName谷歌JS兼容getElementsByClassName火狐




原标题:JS兼容getElementsByClassName

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流