純JS實(shí)現(xiàn)根據(jù)CSS的class選擇DOM
更新時(shí)間:2014年03月22日 16:25:29 作者:
這篇文章主要介紹了純JS實(shí)現(xiàn)根據(jù)CSS的class選擇DOM,需要的朋友可以參考下
// 網(wǎng)上參考的,自己修改了一部分
// 代碼如下,純JS,要求瀏覽器支持 getElementsByClassName 方法
<script type="text/javascript">
function getElementsByClassName(classname,node){
node = node || window.document;
if(node.getElementsByClassName){
return node.getElementsByClassName(classname);
}else{
var results = new Array();
var elems = node.getElementsByTag("*");
for (var i=0;i<elems.length;i++){
if(elems[i].className.indexOf(classname) != -1){
results[elems.length] = elems[i];
}
}
return results;
}
};
</script>
// 代碼如下,純JS,要求瀏覽器支持 getElementsByClassName 方法
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function getElementsByClassName(classname,node){
node = node || window.document;
if(node.getElementsByClassName){
return node.getElementsByClassName(classname);
}else{
var results = new Array();
var elems = node.getElementsByTag("*");
for (var i=0;i<elems.length;i++){
if(elems[i].className.indexOf(classname) != -1){
results[elems.length] = elems[i];
}
}
return results;
}
};
</script>
相關(guān)文章
JS從數(shù)組中隨機(jī)取出幾個(gè)數(shù)組元素的方法
JS如何從一個(gè)數(shù)組中隨機(jī)取出一個(gè)元素或者幾個(gè)元素呢?其實(shí)方法很簡(jiǎn)單,下面小編給大家分享了JS隨機(jī)取出幾個(gè)數(shù)組元素的方法,非常不錯(cuò),需要的朋友參考下2016-08-08
JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù)
這篇文章主要介紹了JS數(shù)組屬性去重并校驗(yàn)重復(fù)數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
js數(shù)組方法reduce經(jīng)典用法代碼分享
本文給大家整理了很多關(guān)于js數(shù)組方法reduce的經(jīng)典代碼片段,能夠讓大家更好的理解reduce的實(shí)例用法,一起學(xué)習(xí)下吧。2018-01-01
使用PHP+JavaScript將HTML頁(yè)面轉(zhuǎn)換為圖片的實(shí)例分享
這篇文章主要介紹了使用PHP+JavaScript將HTML元素轉(zhuǎn)換為圖片的實(shí)例分享,文后結(jié)果的截圖只能體現(xiàn)出替換的字體,也不能說(shuō)將靜態(tài)頁(yè)面轉(zhuǎn)為圖片可以加快加載,只是這種做法比較interesting XD需要的朋友可以參考下2016-04-04
uniapp地圖組件(map)使用與遇到的一些問(wèn)題總結(jié)
uniapp是用vue.js開(kāi)發(fā)所有前端應(yīng)用的框架,開(kāi)發(fā)人員只需要編寫(xiě)一套代碼就可以發(fā)布到安卓、iOS、H5和小程序、快應(yīng)用等平臺(tái),下面這篇文章主要給大家介紹了關(guān)于uniapp地圖組件(map)使用與遇到的一些問(wèn)題,需要的朋友可以參考下2022-07-07
Bootstrap顯示與隱藏簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了bootstrap顯示與隱藏的簡(jiǎn)單實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03

