XML DOM getElementsByTagName() 메서드

Document 객체 참조 설명서

정의와 사용법

getElementsByTagName() 메서드는 특정 이름을 가진 모든 요소의 노드 목록을 반환할 수 있습니다.

문법:

getElementsByTagName(name)
매개변수 설명
name 문자 값으로, 검색할 필요한 태그 이름을 정의합니다. 값 "*"는 모든 태그를 일치시킵니다.

반환 값

문서에서 특정 태그를 가진 Element 노드의 읽기 전용 배열(기술적으로는 NodeList 객체)。반환된 요소 노드의 순서는 원본 문서에서 나타난 순서와 일치합니다.

설명

이 메서드는 다음을 반환합니다 NodeList 객체(읽기 전용 배열로 처리할 수 있습니다) 이 객체는 문서에서 특정 태그 이름을 가진 모든 Element 노드를 저장하며, 그들의 순서는 원본 문서에서 나타난 순서와 일치합니다.NodeList 객체활성입니다. 즉, 문서에 특정 태그 이름의 요소를 추가하거나 제거하면 내용이 자동으로 필요한 업데이트를 수행합니다.

Element 인터페이스는同名 메서드를 정의했으며, 이 메서드는 문서의 자식 트리만을 검색합니다. 또한 HTMLDocument 인터페이스는 다음을 정의했습니다: getElementsByName() 메서드name 속성 값에 기반하여 요소를 검색합니다. 태그 이름 대신 사용합니다.

예제

HTML 문서에서 모든 <h1> 태그를 검색하고 순회하려면 다음 코드를 사용할 수 있습니다:

var headings = document.getElementsByTagName("h1");
for (var i = 0; i < headings.length; i++)  {
  var h = headings[i];
}

예제

모든 예제에서, 우리는 XML 파일을 사용할 것입니다 books.xml및 JavaScript 함수 loadXMLDoc().

다음 코드 스니펫은 "books.xml" 파일에 있는 모든 <title> 요소의 값을 표시할 수 있습니다:

xmlDoc=loadXMLDoc("/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName('title');
for (i=0;i<x.length;i++)
  {
  document.write(x[i].childNodes[0].nodeValue)
  document.write("<br />")
  }

출력:

Harry Potter
Everyday Italian
XQuery Kick Start
Learning XML

Document 객체 참조 설명서