js獲取多個tagname的節(jié)點數(shù)組
更新時間:2013年09月22日 14:48:16 作者:
寫了個獲取多個tagname節(jié)點集合的小方法。類似于jQuery的$(‘iput,select,textarea’,'#form’)的效果,返回是按節(jié)點在原有文檔流中的順序返回的
功能需要,寫了個獲取多個tagname節(jié)點集合的小方法。類似于jQuery的$(‘iput,select,textarea','#form')的效果,返回是按節(jié)點在原有文檔流中的順序返回的。
復(fù)制代碼 代碼如下:
//獲取指定標(biāo)簽類型的節(jié)點數(shù)組 用例:GetTagNames('input,select,textarea',document.getElementById('form'))
function GetTagNames(tagnames,parEl){
//父節(jié)點未定義默認循document
var parEl=parEl || document;
//獲取指定父元素的子節(jié)點
var all=parEl.getElementsByTagName('*');
//存放所有符合條件的子節(jié)點
var nodes=[];
//將轉(zhuǎn)入的tagname轉(zhuǎn)換成判斷正則
var reg=eval('/'+tagnames.split(',').join('|')+'/i');
//循環(huán),判斷,存儲
for(var ii=0;ii<all.length;ii++){
if(reg.test(all[ii].nodeName)){
nodes.push(all[ii]);
}
}
//返回
return nodes;
}
來自:mrthink.net
相關(guān)文章
微信小程序?qū)崿F(xiàn)圖片上傳、刪除和預(yù)覽功能的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片上傳、刪除和預(yù)覽功能的方法,涉及微信小程序界面布局、事件響應(yīng)及圖片操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-12-12
JavaScript實現(xiàn)級聯(lián)菜單的方法
這篇文章主要介紹了JavaScript實現(xiàn)級聯(lián)菜單的方法,涉及javascript頁面元素操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
微信小程序與公眾號實現(xiàn)數(shù)據(jù)互通的方法
這篇文章主要介紹了微信小程序與公眾號實現(xiàn)數(shù)據(jù)互通的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié)
這篇文章主要介紹了js?字符串反轉(zhuǎn)(倒序)的幾種方式總結(jié),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10
JavaScript使用Max函數(shù)返回兩個數(shù)字中較大數(shù)的方法
這篇文章主要介紹了JavaScript使用Max函數(shù)返回兩個數(shù)字中較大數(shù)的方法,涉及javascript中Max函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
學(xué)習(xí)Javascript閉包(Closure)知識
這篇文章主要介紹了學(xué)習(xí)Javascript閉包(Closure)知識的相關(guān)資料,需要的朋友可以參考下2016-08-08

