欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js通過(guò)classname來(lái)獲取元素的方法

 更新時(shí)間：2016年11月24日 08:58:47   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇js通過(guò)classname來(lái)獲取元素的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起 小編過(guò)來(lái)看看吧

原生JS有3種方式來(lái)獲取元素:

getElementById('id')
getElementsByName('name')
getElementsByTagName('tag')
getElementById是獲取元素最快的方式,但我們不能給每個(gè)HTML元素都加以ID吧,所以我們需要一個(gè)很方便的通過(guò)className來(lái)獲取元素

function getElementsByClassName(className,tagName){
var ele=[],all=document.getElementsByTagName(tagName||"*");
for(var i=0;i<all.length;i++){
if(all[i].className==className){
ele[ele.length]=all[i];
 }
}
return ele;
}
console.log(getElementsByClassName("entry"));
console.log(getElementsByClassName("entry","div"));

實(shí)現(xiàn)原理很簡(jiǎn)單,通過(guò)getElementsByTagName獲取到一個(gè)元素集合,如果傳入了tagname這個(gè)參數(shù)就根據(jù)傳入的

tagname來(lái)獲取,否則獲取所有的元素,然后再一個(gè)一個(gè)元素來(lái)匹配classname是否相等..

上面這個(gè)方法很粗糙,能實(shí)現(xiàn)我們的基本需求,如果我們要獲取的元素有多個(gè) classname怎么辦?

明顯通過(guò)className==是不行了

所以我們只要把上面兩篇文章的hasclass函數(shù)搬過(guò)來(lái)就OK了，我們?cè)俅蝸?lái)改造下我們的getElementsByClassName函數(shù)

function getElementsByClassName(className,tagName){
var ele=[],all=document.getElementsByTagName(tagName||"*");
for(var i=0;i<all.length;i++){
if(all[i].className.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'))){
ele[ele.length]=all[i];
}
 }
return ele;
}

這樣就能處理一個(gè)元素含有多個(gè)classname的情況了

以上就是小編為大家?guī)?lái)的js通過(guò)classname來(lái)獲取元素的方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~

相關(guān)文章

最新評(píng)論