分割、封装类名完整版

最新推荐文章于 2024-03-08 10:00:00 发布

mj_leona

最新推荐文章于 2024-03-08 10:00:00 发布

阅读量121

点赞数

本文链接：https://blog.csdn.net/mj_leona/article/details/79556255

版权

 <div id="did">
        <div class="demo"></div>
        <div class="demo text"></div>
        <div class="demo"></div>
        <div class="demo text"></div>
        <div class="demo"></div>
        <div class="demo"></div>
    </div>
    <div class="demo"></div>
    <div class="demo text"></div>
    <div class="demo"></div>
    <div class="demo text"></div>
    <div class="demo"></div>
    <div class="demo"></div>

<script>

   function fdn(id,classname) {
       //支持classname
       if(document.getElementsByClassName){
           if(id){
               return document.getElementById(id).getElementsByClassName(classname);
           }
           else{
               return document.getElementsByClassName(classname);
           }
       }
       //不支持classname
       if(id){
           var pid=document.getElementById(id);
           var dmo=pid.getElementsByTagName("*");
       }else{
           var dmo=document.getElementsByClassName("*");
       }
       var arr=[];
       for (var i=0; i<dmo.length; i++){
           var text=dmo[i].className.split(" ");
           for(var j=0; j<text.length; j++){
               if(text=classname){
                   arr.push(dmo[i]);
               }
           }
       }return arr;
   }
   console.log(fdn("did","demo").length);
</script>