>  기사  >  웹 프론트엔드  >  js는 여러 tagnames_javascript 기술의 노드 배열을 가져옵니다.

js는 여러 tagnames_javascript 기술의 노드 배열을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 17:22:00970검색

기능적 필요에 따라 여러 태그 이름 노드 모음을 얻는 작은 방법을 작성했습니다. jQuery의 $('iput,select,textarea','#form') 효과와 유사하게 노드는 원본 문서 스트림에 있는 순서대로 반환됩니다.

코드 복사 코드는 다음과 같습니다.

//지정된 노드 배열을 가져옵니다. 태그 유형 사용 사례: GetTagNames ('input,select,textarea',document.getElementById('form'))
function GetTagNames(tagnames,parEl){
//상위 노드가 정의되지 않고 기본 루프 document
var parEl=parEl || document;
//지정된 상위 요소의 하위 노드 가져오기
var all=parEl.getElementsByTagName('*');
//모든 자격을 갖춘 하위 요소 저장 node
var node=[];
//이전된 태그명을 일반판단으로 변환
var reg=eval('/' tagnames.split(',').join('|') ' /i');
/ / 루프, 판단, 저장
for(var ii=0;ii if(reg.test(all[ii].nodeName) ){
node.push( all[ii]);
}
}
//Return
return node;
}

출처: mrthink.net

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.