首頁  >  文章  >  web前端  >  js取得多個tagname的節點數組_javascript技巧

js取得多個tagname的節點數組_javascript技巧

WBOY
WBOY原創
2016-05-16 17:22:00970瀏覽

功能需要,寫了一個取得多個tagname節點集合的小方法。類似jQuery的$(‘iput,select,textarea','#form')的效果,回傳是依照節點在原有文檔流中的順序傳回的。

複製程式碼 程式碼如下:

//取得指定標籤類型的節點數組數('input,select,textarea',document.getElementById('form'))
function GetTagNames(tagnames,parEl){
 //父節點未定義預設循document
 var parEl=parEl || document;
 //取得指定父元素的子節點
 var all=parEl.getElementsByTagName('*');
 //存放所有符合條件的子節點
 var nodes=[];
 //將轉入的tagname轉換成判斷正規
 var reg=eval('/' tagnames.split(',').join('|') '/i');
 / /循環,判斷,儲存
 for(var ii=0;ii  if(reg.test(all[ii].nodeName)){
   nodes.push( all[ii]);
  }
 }
 //返回
 return nodes;
}

來自:mrthink.net

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn