JavaScript에서 루프를 사용한 노드 순회

이미 알고 계시겠지만, 속성 children 에는 해당 요소의 직계 자식인 모든 DOM 요소가 포함되어 있습니다. 유사한 속성으로 childNodes가 있으며, 이는 요소의 모든 자식 노드를 포함합니다.

예를 들어, 이 속성을 사용하여 우리 요소의 다양한 노드를 출력해 봅시다:

console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);

이제 루프를 사용하여 요소의 노드를 순회해 봅시다:

for (let node of elem.childNodes) {
	console.log(node);
}

다음 div가 주어졌습니다:

<div id="elem">txt<b>tag</b>txt<b>tag</b></div>

이 div의 모든 노드를 루프로 순회하고 콘솔에 출력하세요.