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