element.childNodes
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/ko/web/api/node/index.md)
요약
childNodes는 주어진 요소의 자식 노드 모음( collection )을 반환합니다.
구문과 값
js
var ndList = elementNodeReference.childNodes;
ndList는 현재 요소의 자식인 노드 개체의 순서 있는 모음입니다. 요소가 자식이 없으면, ndList는 아무 노드도 포함하지 않습니다.
ndList는 childNodes의 노드 목록을 저장하는 변수입니다. 그 목록은 NodeList 형입니다. childNodes 속성은 읽기 전용입니다.
예시
js
// parg는 <p> 요소 개체 참조
if (parg.hasChildNodes()) {
// 그래서, 먼저 개체가 찼는 지(자식 노드가 있는 지) 검사
var children = parg.childNodes;
for (var i = 0; i < children.length; i++) {
// children[i]로 각 자식에 무언가를 함
// 주의: 목록은 유효해(live), 자식 추가나 제거는 목록을 바꿈
}
}
// This는 노드에서 모든 자식을 제거하는 한 방법
// box는 자식 있는 요소 개체 참조
while (box.firstChild) {
//목록은 유효해서(LIVE) 호출마다 재배열(re-index)함
box.removeChild(box.firstChild);
}
명세
Specification |
---|
DOM Standard # ref-for-dom-node-childnodes① |
브라우저 호환성
BCD tables only load in the browser