javascript通過(guò)class來(lái)獲取元素實(shí)現(xiàn)代碼
更新時(shí)間：2013年02月20日 14:41:48 作者：
javascript獲取元素有很多的方法，本文簡(jiǎn)單的介紹下通過(guò)class獲取元素的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下，希望本文知識(shí)點(diǎn)可以幫助到你
復(fù)制代碼 代碼如下:
function getByClass(classname){
var nodes = document.getElementsByTagName('*'),
ret=[];
for(var i=0;i<nodes.length;i++){
if(hasClass(nodes[i],classname))
ret.push(nodes[i]);
}
return ret;
}
function hasClass(node,className){
var names = node.className.split(/\s+/);
for(var i=0;i<names.length;i++){
if(names[i]==className)
return true;
}return false;
}
您可能感興趣的文章:
- js中設(shè)置元素class的三種方法小結(jié)
- js獲取class的所有元素
- js獲取某元素的class里面的css屬性值代碼
- javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)
- js通過(guò)元素class名字獲取元素集合的具體實(shí)現(xiàn)
- js選取多個(gè)或單個(gè)元素的實(shí)現(xiàn)代碼（用class）
- 基于原生js實(shí)現(xiàn)判斷元素是否有指定class名
- js 獲取class的元素的方法 以及創(chuàng)建方法getElementsByClassName
- js如何根據(jù)class獲取元素并且點(diǎn)擊元素詳解
相關(guān)文章
微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套功能
微信小程序非?；鸨裉炷_本之家小編給大家?guī)?lái)的微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套功能以及項(xiàng)目中遇到的問(wèn)題及解決方法，感興趣的朋友一起看看吧2018-06-06
Javascript創(chuàng)建Silverlight Plugin以及自定義nonSilverlight和lowSilverl
我們?cè)谑褂肰isual Studio IDE創(chuàng)建Silverlight工程時(shí)，默認(rèn)情況下都會(huì)自動(dòng)生成一個(gè)用于調(diào)試和預(yù)覽Silverlight的Web工程，該工程包含了html和aspx頁(yè)面，以及Silverlight.js腳本文件。2010-06-06
echarts實(shí)現(xiàn)3d柱狀圖的2種方式舉例
echarts3D效果柱狀圖的實(shí)現(xiàn),這個(gè)太難了,我花了兩天終于調(diào)成我想要的效果啦,要是官網(wǎng)上有例子就好了,太難調(diào)了,下面這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)3d柱狀圖的2種方式,需要的朋友可以參考下2023-02-02
javascript函數(shù)的四種調(diào)用模式
本文詳細(xì)介紹了javascript函數(shù)的四種調(diào)用模式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
javascript使用alert實(shí)現(xiàn)一個(gè)精美的彈窗
其實(shí)最初使用alert還是一個(gè)常態(tài)，包括現(xiàn)在很多B端平臺(tái)還在直接使用alert，本文主要介紹了javascript使用alert實(shí)現(xiàn)一個(gè)精美的彈窗，感興趣的可以了解一下2023-02-02
javascript Onunload與Onbeforeunload使用小結(jié)
Onunload，onbeforeunload都是在刷新或關(guān)閉時(shí)調(diào)用，可以在<script>腳本中通過(guò)window.onunload來(lái)指定或者在<body>里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行，它還可以阻止onunload的執(zhí)行。2009-12-12
QRCode.js二維碼生成并能長(zhǎng)按識(shí)別
這篇文章主要為大家詳細(xì)介紹了QRCode.js二維碼生成并能長(zhǎng)按識(shí)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
ES6新特性之類(lèi)(Class)和繼承(Extends)相關(guān)概念與用法分析
這篇文章主要介紹了ES6新特性之類(lèi)(Class)和繼承(Extends)相關(guān)概念與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ES6中類(lèi)(Class)和繼承(Extends)的基本概念、語(yǔ)法、使用方法與注意事項(xiàng),需要的朋友可以參考下2017-05-05
JS實(shí)現(xiàn)模擬風(fēng)力的雪花飄落效果
這篇文章主要介紹了JS實(shí)現(xiàn)模擬風(fēng)力的雪花飄落效果,可在右側(cè)填入風(fēng)力值點(diǎn)擊按鈕即可看到伴隨風(fēng)力的雪花飄落效果,同時(shí)右側(cè)有實(shí)時(shí)雪花數(shù)量統(tǒng)計(jì)功能,需要的朋友可以參考下2015-05-05
利用JavaScript實(shí)現(xiàn)創(chuàng)建虛擬鍵盤(pán)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)創(chuàng)建虛擬鍵盤(pán)，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定幫助，需要的可以參考一下2022-09-09