美文网首页IT 森林
javascript中封装一个getClassName

javascript中封装一个getClassName

作者: Simple_habits | 来源:发表于2016-12-29 14:28 被阅读38次
<script>
//准备一个去重函数      在获取出来的所有class中去找我们要的标签
   function findInArr(item,arr){
        for(var i=0; i<arr.length; i++){//找自己要的class 有没有出现 
              if(arr[i]==item){
                 return true;//出现就返回true   说明有
             }
        }
        return false;
}

//开始封装
   function getClassName(obj,sClass){
       if(obj.getElementsByClassName){
          //兼容   IE9+   chrome   FF
          return obj.getElementsByClassName(sClass);
       }else{
            //兼容IE8 7
            var aEle=documentgetElementsByTagName('*');//把全部的标签获取
            var arr=[];//准备一个空的数组用来装我们要的class
            for(var i=0; i<aEle.length; i++){
                  //把获取到的所有标签中的class用split用空格切开
                  var aClass=aEle[i].className.split(' ');
                  if(findInArr(sClass,aClass)){//切出来的class中有没有我们要的
                      arr.push(aEle[i]);//把出现的装进数组当中
                  }
          }
          return arr;//把我们要的所有class返回出去
      }
   }
</script>

相关文章

网友评论

    本文标题:javascript中封装一个getClassName

    本文链接:https://www.haomeiwen.com/subject/ibgomttx.html