HTML DOM childNodes 속성

childNodes읽기 전용 속성은 주어진 요소의 자식 노드 집합을 반환하며, 첫 번째 자식 노드의 인덱스는 0입니다。

집합 내의 노드는 원본 코드에서 나타난 순서로 정렬되며, 인덱스 번호를 사용하여 접근할 수 있습니다。

length 속성을 사용하여 자식 노드의 수를 결정한 후, 모든 자식 노드를 순회하면서 필요한 정보를 추출할 수 있습니다。

요소 내의 공백은 텍스트로 간주되고, 텍스트는 노드로 간주됩니다. 주석도 노드로 간주됩니다。

단순한 요소 집합(텍스트와 주석 노드를 포함하지 않음)을 가져오려면 사용하세요children속성。

node.childNodes[0]이 같은 결과를 생성하면firstChild속성。

문법：

node.childNodes

예제

var list = document.body.childNodes;

모든 브라우저는 childNodes 속성을 완전히 지원합니다：

속성
childNodes	네	네	네	네	네

반환 값：	NodeList 객체 하나, 노드 집합을 대표합니다
DOM 버전：	DOM 등급1

DIV 요소가 얼마나 많은 자식 요소를 가지고 있는지 찾아보기:

예제

var len = document.querySelector("div").childNodes.length;

DIV 요소의 두 번째 자식 요소(인덱스1）의 배경색：

예제

var nodes = document.querySelector("div").childNodes;
nodes[1].style.backgroundColor = "coral";