HTML DOM Element childNodes 속성
- 이전 페이지
- 다음 페이지
- 上一层으로 돌아가기 HTML DOM Elements 객체
정의 및 사용법
childNodes 속성은 요소 자식 노드의 집합(리스트)을 반환합니다.
childNodes 속성은 NodeList 객체를 반환합니다.
childNodes 속성은 읽기 전용입니다.
childNodes[0] firstChild와 동일합니다.
안내
childNodes 노드를 반환합니다: 요소 노드, 텍스트 노드 및 주석 노드.
요소 사이의 공백도 텍스트 노드입니다.
대안:
children 속성 - children 속성은 자식 요소를 반환합니다(텍스트와 주석을 무시합니다).
추가 정보:
노드 속성
nodeValue 속성
HTML 요소와 노드 HTML DOM(문서 객체 모델)에서, HTML 문서는 자식 노드(또는 자식 노드가 없는) 노드 집합을 가집니다.
노드는 요소 노드, 텍스트 노드 및 주석 노드를 의미합니다.
요소요소 사이의 공백도 텍스트 노드입니다.
이는 요소 노드 만입니다.
자식 노드와 자식 요소
childNodes 반환자식 노드(요소 노드, 텍스트 노드 및 주석 노드)
children 반환자식 요소(문자와 주석 노드가 아닌)
동생과 요소 동생
동생는 "형제"와 " خواه妹"입니다.
동생는 같은 부모 노드를 가진 노드(같은 childNodes 리스트에 포함됩니다).
요소 동생는 같은 부모 요소를 가진 요소(같은 children 리스트에 포함됩니다).
예제
예제 1
<body> 요소의 자식 노드를 가져오세요:
const nodeList = document.body.childNodes;
예제 2
"myDIV"에서 자식 노드 수를 가져오세요:
let numb = document.getElementById("myDIV").childNodes.length;
예제 3
두 번째 자식 노드의 배경색을 변경하세요:
element.childNodes[1].style.backgroundColor = "yellow";
예제 4
<select> 요소의 세 번째 자식 노드의 텍스트를 가져오세요:
let text = document.getElementById("mySelect").childNodes[2].text;
문법
element.childNodes
반환 값
| 타입 | 설명 |
|---|---|
| 오브젝트 |
노드 NodeList 객체 집합. 노드는 문서에서 등장하는 순서대로 정렬됩니다. |
브라우저 지원
element.childNodes DOM Level 1 (1998) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다:
| 크롬 | IE | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|---|
| 크롬 | IE | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 지원 | 9-11 | 지원 | 지원 | 지원 | 지원 |
- 이전 페이지
- 다음 페이지
- 上一层으로 돌아가기 HTML DOM Elements 객체
