XML DOM childNodes 속성

정의와 사용법

childNodes 속성은 선택된 노드가 가진 자식 노드를 포함하는 NodeList를 반환합니다。

선택된 노드가 자식 노드를 가지지 않으면, 이 속성은 노드를 포함하지 않는 NodeList를 반환합니다。

문법:

elementNode.childNodes

푸시와 주석

푸시:자식 노드 목록을 반복하려면 nextSibling 속성을 사용하는 것이 부모 객체의 childNodes 목록보다 효율적입니다。

예제

모든 예제에서 XML 파일을 사용하겠습니다。 books.xml또한 JavaScript 함수 loadXMLDoc()

예제 1

아래의 코드 부분은 "books.xml" 파일에서 첫 번째 <title> 요소의 텍스트 노드를 출력합니다:

xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
document.write(x.nodeValue);

위 코드의 출력:

Harry Potter

예제 2

아래의 코드 부분은 "books.xml"에서 첫 번째 <book> 요소의 자식 노드 수를 출력합니다:

xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0].childNodes;
document.write(x.length);

Internet Explorer에서의 출력:

4

Mozilla 브라우저에서의 출력:

9

Internet Explorer는 노드 사이에 생성된 공백 텍스트 노드(예: 개행 문자)를 무시합니다. 반면 Mozilla는 이렇게 하지 않습니다. 따라서 위의 예제에서 출력은 다릅니다.

IE와 Mozilla 브라우저의 차이에 대해 더 많은 내용을 원하시면, CodeW3C.com의 XML DOM 교육을 방문하세요. DOM 브라우저 이 절.