예
의 첫 번째 자식 요소의 HTML 콘텐츠 가져 오기 <ul> 요소를 :
var x = document.getElementById("myList").firstElementChild.innerHTML;X의 결과는 다음과 같습니다
Coffee »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
firstElementChild 속성은 지정된 요소의 첫 번째 자식 요소를 반환합니다.
이 속성 간의 차이 firstChild는 , firstChild는 요소 노드, 텍스트 노드 또는 주석 노드와 제 자식 노드를 반환하는 것이다 (depending on which one's first) firstElementChild는 요소 노드와 제 자식 노드를 리턴하면서, (ignores text and comment nodes) .
이 속성은 읽기 전용입니다.
팁 : 사용하여 어린이 지정된 요소의 자식 요소를 반환하는 속성을. 어린이들은 [0] firstElementChild와 동일한 결과를 생성한다.
팁 : 지정된 요소의 마지막 자식 요소를 반환 사용 lastElementChild 속성을.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
통사론
element .firstElementChild기술적 세부 사항
| 반환 값 : | 자식 요소가없는 경우는 요소, 또는 null 첫번째 하위 요소를 나타내는 노드 객체 |
|---|---|
| DOM 버전 | 코어 레벨 3 요소 순회 |
더 예
예
a의 첫 번째 자식 요소의 태그 이름 얻기 <div> 요소를 :
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;X의 결과는 다음과 같습니다
P »그것을 자신을 시도 예
a의 첫 번째 요소 노드의 텍스트 가져 오기 <select> 요소를 :
var x = document.getElementById("mySelect").firstElementChild.text;X의 결과는 다음과 같습니다
Audi »그것을 자신을 시도