HTML DOM Element childElementCount 속성
- 이전 페이지 blur()
- 다음 페이지 childNodes
- 上一层으로 돌아가기 HTML DOM Elements 객체
정의와 사용법
childElementCount 속성은 요소의 자식 요소 수를 반환합니다。
childElementCount 속성은 children.length와 같은 값을 반환합니다。
childElementCount 읽기 전용입니다。
주석:주석:
반환 값은 자식 요소의 수이며, 자식 노드(텍스트와 주석 노드)의 수가 아닙니다.
childNodes 속성
HTML 요소와 HTML DOM(도큐멘트 객체 모델)에서, HTML 문서는 자식 노드(또는 자식 노드가 없는) 노드 집합을 가집니다.
노드는 요소 노드, 텍스트 노드 및 주석 노드를 의미합니다.
요소요소 사이의 공백도 텍스트 노드입니다.
요소는 단지 요소 노드입니다.
자식 노드와 자식 요소
childNodes 반환자식 노드(요소 노드, 텍스트 노드 및 주석 노드)
children 반환자식 요소(텍스트와 주석 노드가 아닌)
형제와 요소 형제
형제는 "형제"와 "동생"입니다.
형제는 같은 부모 노드를 가진 노드(같은 childNodes 리스트에 포함됩니다).
요소 형제는 같은 부모 요소를 가진 요소(같은 children 리스트에 포함됩니다).
예제
예제 1
<div> 요소의 자식 요소 수:
let numb = document.getElementById("myDIV").childElementCount;
예제 2
childElementCount는 children.length과 같은 값을 반환합니다:
let numb = document.getElementById("myDIV").children.length;
문법
element.childElementCount
반환 값
| 타입 | 설명 |
|---|---|
| 숫자 | 요소의 자식 요소 수. |
브라우저 지원
element.childElementCount DOM Level 3 (2004) 기능입니다.
모든 브라우저에서 완전히 지원됩니다:
| 크롬 | IE | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|---|
| 크롬 | IE | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 지원 | 9-11 | 지원 | 지원 | 지원 | 지원 |
- 이전 페이지 blur()
- 다음 페이지 childNodes
- 上一层으로 돌아가기 HTML DOM Elements 객체
