該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內(nèi)容:
<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內(nèi)容:
var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";測試看看?/?HTML DOM參考:firstElementChild屬性