HTML DOM Element firstElementChild 속성

정의와 사용법

firstElementChild 속성은 지정된 요소의 첫 번째 자식 요소를 반환합니다.

firstElementChild 속성은 읽기 전용입니다.

firstElementChild 속성은 children[0] 같은 값.

추가 참조:

children 속성

childElementCount 속성

lastElementChild 속성

tagName 속성

childNodes 속성

인스턴스

예제 1

첫 번째 자식 요소의 HTML 내용을 가져오기:

let text = element.firstElementChild.innerHTML;

직접 테스트해 보세요

예제 2

"myDIV"의 첫 번째 자식 요소의 태그 이름을 가져오기:

let text = document.getElementById("myDIV").firstElementChild.tagName;

직접 테스트해 보세요

예제 3

<select> 요소의 첫 번째 자식 요소의 텍스트를 가져오기:

let text = document.getElementById("mySelect").firstElementChild.text;

직접 테스트해 보세요

HTML 노드와 요소

에서 HTML DOM（도큐먼트 오브젝트 모델）에서, HTML 문서는 자식 노드를 가지거나 가지지 않는 노드 집합입니다.

노드요소 노드, 텍스트 노드 및注释 노드를 의미합니다.

요소요소 간의 공백도 텍스트 노드입니다.

요소는 단지 요소 노드입니다.

자식 노드와 자식 요소

childNodes 반환자식 노드（요소 노드, 텍스트 노드 및注释 노드）.

children 반환자식 요소（텍스트와注释 노드 대신에）.

firstChild와 firstElementChild

firstChild 첫 번째를 반환합니다.자식 노드（요소 노드, 텍스트 노드 또는注释 노드）。요소 간의 공백도 텍스트 노드입니다.

firstElementChild 첫 번째를 반환합니다.자식 요소텍스트 노드와注释 노드는 반환되지 않습니다.).

lastChild와 lastElementChild

lastChild 마지막을 반환합니다.자식 노드（요소 노드, 텍스트 노드 또는注释 노드）。요소 간의 공백도 텍스트 노드입니다.

lastElementChild 마지막을 반환합니다.자식 요소텍스트 노드와注释 노드는 반환되지 않습니다.).

문법

element.firstElementChild

반환 값

타입 설명
Node 요소의 첫 번째 자식 요소. 자식이 없으면 null을 반환합니다.

브라우저 지원

element.firstElementChild DOM Level 3 (2004) 기능입니다.

모든 브라우저에서 완전히 지원됩니다:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원