JavaScript History 對象 HTML DOM Element 對象

HTML DOM lastElementChild 屬性

該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	是	是	是	是	是

技術(shù)細(xì)節(jié)

返回值：	一個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";

測試看看?/?

JavaScript 對象

JavaScript 參考手冊

JS DOM參考手冊

HTML DOM lastElementChild 屬性

語法：

瀏覽器兼容性

技術(shù)細(xì)節(jié)

更多實例

相關(guān)參考