Element: children property

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/element/index.md)

읽기 전용인 children 속성은 호출된 요소의 모든 자식 요소를 포함하는 동적인 HTMLCollection을 반환합니다.

Element.children은 요소 노드만을 포함합니다. 텍스트 및 주석 노드와 같이 요소가 아닌 노드를 포함한 모든 자식 노드를 가져오기 위해서는 Node.childNodes를 사용합니다.

값

HTMLCollection은 node의 자식인 DOM 요소의 동적이고 정렬된 컬렉션입니다. 컬렉션의 item() 메서드 혹은 JavaScript 배열 형식 표기법을 사용하여 컬렉션의 개별 자식 노드에 접근할 수 있습니다.

요소에 요소 자식이 없으면 children은 length가 0인 빈 목록입니다.

예제

js
const myElement = document.getElementById("foo");
for (const child of myElement.children) {
  console.log(child.tagName);
}

명세서

Specification
DOM Standard
# ref-for-dom-parentnode-children①

브라우저 호환성

BCD tables only load in the browser

같이 보기