HTML DOM firstElementChild 속성
예시
<ul> 요소의 첫 번째 자식 요소의 HTML 콘텐츠를 가져옵니다.
var x = document.getElementById("myList").firstElementChild.innerHTML;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
firstElementChild 속성은 지정된 요소의 첫 번째 자식 요소를 반환합니다.
이 속성과 firstChild 의 차이점은 firstChild는 첫 번째 자식 노드를 요소 노드, 텍스트 노드 또는 주석 노드(첫 번째 항목에 따라 다름)로 반환하는 반면 firstElementChild는 첫 번째 자식 노드를 요소 노드로 반환한다는 것입니다(텍스트 무시 및 주석 노드).
이 속성은 읽기 전용입니다.
팁: 지정된 요소의 자식 요소를 반환 하려면 children 속성을 사용하십시오. children[0]은 firstElementChild와 동일한 결과를 생성합니다.
팁: 지정된 요소의 마지막 자식 요소를 반환하려면 lastElementChild 속성을 사용하세요.
브라우저 지원
| Property | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
통사론
element.firstElementChild
기술적 세부 사항
| 반환 값: | 요소의 첫 번째 자식 요소를 나타내는 Node 개체 또는 자식 요소가 없는 경우 null |
|---|---|
| DOM 버전 | 핵심 레벨 3 요소 순회 |
더 많은 예
예시
<div> 요소의 첫 번째 자식 요소의 태그 이름을 가져옵니다.
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
예시
<select> 요소의 첫 번째 요소 노드의 텍스트를 가져옵니다.
var x = document.getElementById("mySelect").firstElementChild.text;