原生js獲取class


//使用原生js時,通過class名稱就可以得到相應的class名稱標簽組封裝的函數

//定義一個函數getClass(oParent,aClass);

function getClass(oParent,aClass){             //oParent為要獲取的className的父級元素對象

  var aEle = document.getElementsByTagName('*');     //定義一個變量通過通配符獲取所有標簽

  var result = [];                      //定義一個空數組,因為獲取的元素可能有多個,所以用數組存放

  for(var i=0;i<aEle.length;i++){             //遍歷獲取class名稱的元素

    if(aEle[i].className == aClass){           //判斷獲取到的元素的參數的class就是元素的className

      result.push(aEle[i])                //若是,則放進數組中

    }

  }

  return result;                       //返回這個className的元素

}

var demo = document.getElementById('demo');

getClass(demo,'box')

eg:

<body>

  <div id="demo">

    <div class="box"></div>

    <div class="box"></div>

  </div>

</body>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM