English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
이lastElementChild읽기 전용 속성은 지정된 부모 요소의 마지막 자식 요소를 반환합니다.
부모 요소가 자식 요소가 없으면 이 메서드는null반환합니다.
값을 사용하여children속성을 사용하여 지정된 부모 요소의 모든 자식 요소를 반환합니다.
지정된 부모 요소의 첫 번째 자식 요소를 반환하려면firstElementChild속성.
ParentElement.lastElementChild
<div>
<p>이 DIV 안에 있는 제1개 P</p>
<p>이 DIV 안에 있는 제2개 P</p>
<p>이 DIV 안에 있는 제3개 P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>테스트 봐‹/›모든 브라우저는 lastElementChild 속성을 완전히 지원합니다:
| 속성 | |||||
| lastElementChild | 는 | 는 | 는 | 는 | 는 |
| 반환 값: | 지정된 부모 요소의 마지막 자식 요소를 대표하는 Node 객체; 자식 요소가 없으면null |
|---|---|
| DOM 버전: | DOM 등급1 |
DIV 요소의 마지막 자식 요소의 HTML 내용을 가져오다:
<div>
<p>이 DIV 안에 있는 제1개 P</p>
<p>이 DIV 안에 있는 제2개 P</p>
<p>이 DIV 안에 있는 제3개 P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>테스트 봐‹/›DIV 요소의 마지막 자식 요소의 HTML 내용을 변경하다:
var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";테스트 봐‹/›HTML DOM 참조:firstElementChild 속성