JS封裝通過(guò)className獲取元素的函數(shù)示例
本文實(shí)例講述了JS封裝通過(guò)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)容可查看本站專(zhuān)題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
創(chuàng)建與框架無(wú)關(guān)的JavaScript插件
這篇文章主要介紹了創(chuàng)建與框架無(wú)關(guān)的JavaScript插件,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-12-12Typescript中類(lèi)型兼容的實(shí)現(xiàn)
在TypeScript 編程中,類(lèi)型兼容是最基礎(chǔ)的一道檢查機(jī)制,一旦代碼中出現(xiàn)類(lèi)型不兼容的表達(dá)式,編譯就會(huì)失敗,本文主要介紹了Typescript中類(lèi)型兼容的實(shí)現(xiàn),感興趣的可以了解一下2023-12-12Extjs 中的 Treepanel 實(shí)現(xiàn)菜單級(jí)聯(lián)選中效果及實(shí)例代碼
這篇文章主要介紹了Extjs 中 Treepanel 實(shí)現(xiàn)菜單級(jí)聯(lián)選中效果,需要的朋友可以參考下2017-08-08如何在selenium中使用js實(shí)現(xiàn)定位
這篇文章主要介紹了如何在selenium中使用js實(shí)現(xiàn)定位,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08微信小程序開(kāi)發(fā)實(shí)現(xiàn)的IP地址查詢(xún)功能示例
這篇文章主要介紹了微信小程序開(kāi)發(fā)實(shí)現(xiàn)的IP地址查詢(xún)功能,可實(shí)現(xiàn)基于第三方接口的IP地址查詢(xún)功能,需要的朋友可以參考下2019-03-03JS鼠標(biāo)3次點(diǎn)擊事件實(shí)現(xiàn)代碼及擴(kuò)展思路
這篇文章主要介紹了JS鼠標(biāo)3次點(diǎn)擊事件實(shí)現(xiàn)及擴(kuò)展思路,需要的朋友可以參考下2017-09-09JS對(duì)象數(shù)組排序方法測(cè)試代碼示例
這篇文章主要給大家介紹了關(guān)于JS對(duì)象數(shù)組排序方法測(cè)試的相關(guān)資料,在 相信大家對(duì)數(shù)組排序都不陌生,在開(kāi)發(fā)中我們通常會(huì)使用sort方法進(jìn)行數(shù)組的排序,需要的朋友可以參考下2024-06-06