Element: children property

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

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

값

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

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

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