HTML DOM lastChild 屬性

HTML DOM Element 對象

lastChild只讀屬性返回指定節(jié)點的最后一個子節(jié)點，作為一個Node對象。

如果指定的節(jié)點沒有子節(jié)點，則此方法將返回空值。

元素內(nèi)部的空白被視為文本，而文本被視為節(jié)點。注釋也被視為節(jié)點。

為了避免lastChild返回#text或#comment節(jié)點的問題，可以使用lastElementChild僅返回最后一個元素節(jié)點。

要返回指定節(jié)點的第一個子節(jié)點，請使用firstChild屬性。

語法：

node.lastChild

<div>
   <p>這是DIV里面的第1個P</p>
   <p>這是DIV里面的第2個P</p>
   <p>這是DIV里面的第3個P</p>
</div>

<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

但是，如果我們刪除最后一個P元素之后的空格，則返回值將是P標簽而不是#text：

<div>
   <p>這是DIV里面的第1個P</p>
   <p>這是DIV里面的第2個P</p>
   <p>這是DIV里面的第3個P</p></div>

<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

瀏覽器兼容性

所有瀏覽器完全支持lastChild屬性：

屬性
lastChild	是	是	是	是	是

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

相關(guān)參考

HTML DOM參考：node .firstChild屬性

HTML DOM參考：node .childNodes屬性

HTML DOM參考：node .parentNode屬性

HTML DOM參考：node .nextSibling屬性

HTML DOM參考：node .previousSibling屬性

HTML DOM參考：node .nodeName屬性

HTML DOM Element 對象