속성 children

속성 children는 자식 요소들의 유사 배열을 저장합니다. 자식 요소는 블록 내부에 직접 위치한 모든 태그를 의미합니다.

구문

javascript요소.children;

예시

요소의 모든 자손을 순회하며 그 내용을 출력해 봅시다:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
  <p>5</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let elems = parent.children;

for (let elem of elems) {
  console.log(elem.textContent);
}

함께 보기

  • 속성 childNodes,
    노드들의 유사 배열을 포함함