JS封裝通過className獲取元素的函數(shù)示例
更新時間：2016年12月20日 15:22:11 作者：鬼畜十三
這篇文章主要介紹了JS封裝通過className獲取元素的函數(shù),涉及javascript針對頁面元素屬性的遍歷與數(shù)組相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS封裝通過className獲取元素的函數(shù)。分享給大家供大家參考，具體如下：
<div id="box"> <div class="star"></div> <div class="star"></div> <div class="app"></div> <p class="star"></p> <p class="ar"></p> </div>
假設(shè)要獲取所有.star元素
function getByClass(oparent,sClass){
var aEle=oparent.getElementsByTagName("*");
var aResult=[];
var i;
for(i=0;i<aEle.length;i++){
if(aEle[i].className==sClass){
aResult.push(aEle[i]);
}
}
return aResult;
};
window.onload=function(){
var box=document.getElementById("box");
var star=getByClass(box,"star");
};
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
創(chuàng)建與框架無關(guān)的JavaScript插件
這篇文章主要介紹了創(chuàng)建與框架無關(guān)的JavaScript插件，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
在TypeScript 編程中,類型兼容是最基礎(chǔ)的一道檢查機制,一旦代碼中出現(xiàn)類型不兼容的表達式,編譯就會失敗,本文主要介紹了Typescript中類型兼容的實現(xiàn),感興趣的可以了解一下2023-12-12
JavaScript可以說是最讓人初學(xué)者難以理解的單一屬性。我看了一些資料后，開始明白其實這些困難很大程度來自prototype這個名字本身的二義性2012-02-02
本文詳細介紹了在頁面中引用template.js文件之后，具體的使用方法及實例，有需要的朋友可以參考下2016-11-11
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學(xué)，可以參考下2021-05-05
Extjs 中的 Treepanel 實現(xiàn)菜單級聯(lián)選中效果及實例代碼
這篇文章主要介紹了Extjs 中 Treepanel 實現(xiàn)菜單級聯(lián)選中效果,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了如何在selenium中使用js實現(xiàn)定位,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
微信小程序開發(fā)實現(xiàn)的IP地址查詢功能示例
這篇文章主要介紹了微信小程序開發(fā)實現(xiàn)的IP地址查詢功能,可實現(xiàn)基于第三方接口的IP地址查詢功能,需要的朋友可以參考下2019-03-03
JS鼠標(biāo)3次點擊事件實現(xiàn)代碼及擴展思路
這篇文章主要介紹了JS鼠標(biāo)3次點擊事件實現(xiàn)及擴展思路,需要的朋友可以參考下2017-09-09
這篇文章主要給大家介紹了關(guān)于JS對象數(shù)組排序方法測試的相關(guān)資料,在 相信大家對數(shù)組排序都不陌生,在開發(fā)中我們通常會使用sort方法進行數(shù)組的排序,需要的朋友可以參考下2024-06-06