속성 firstElementChild
속성 firstElementChild는 첫 번째 자식 요소를
포함합니다. 자식 요소는 블록 내부에 직접 위치한
모든 태그를 의미합니다. 요소에 자식 요소가
없으면 null을 반환합니다.
구문
요소.firstElementChild;
예제
요소의 첫 번째 자식 내용을 가져옵니다:
<div id="parent">
<p>1</p>
<p>2</p>
</div>
let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;
console.log(text);
코드 실행 결과:
'1'
예제
이제 요소에 자식 요소가 없으므로
null이 출력됩니다:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);
코드 실행 결과:
null
함께 보기
-
마지막 요소를 포함하는 속성
lastElementChild -
요소의 모든 자식을 포함하는 속성
children -
첫 번째 노드를 포함하는 속성
firstChild
