HTML DOM Element lastElementChild 屬性

定義和用法

lastElementChild 屬性返回元素的最后一個子元素。

lastElementChild 屬性是只讀的。

另請參閱：

children 屬性

firstElementChild 屬性

childElementCount 屬性

tagName 屬性

childNodes 屬性

HTML 節點與元素

在 HTML DOM（文檔對象模型）中，HTML 文檔是擁有（或沒有）子節點的節點集合。

節點指的是元素節點、文本節點和注釋節點。

元素之間的空白也是文本節點。

而元素只是元素節點。

子節點與子元素

childNodes 返回子節點（元素節點、文本節點和注釋節點）。

children 返回子元素（而非文本和注釋節點）。

firstChild 與 firstElementChild

firstChild 返回第一個子節點（元素節點、文本節點或注釋節點）。元素之間的空白也是文本節點。

firstElementChild 返回第一個子元素（不返回文本節點和注釋節點）。

lastChild 與 lastElementChild

lastChild 返回最后一個子節點（元素節點、文本節點或注釋節點）。元素之間的空白也是文本節點。

lastElementChild 返回最后一個子元素（不返回文本節點和注釋節點）。

實例

例子 1

獲取 <ul> 元素的最后一個子元素的 HTML 內容：

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

親自試一試

例子 2

獲取 <div> 元素的最后一個子元素的標簽名稱：

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

親自試一試

例子 3

獲取 <select> 元素的最后一個子元素的文本：

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

親自試一試

語法

element.lastElementChild

返回值

類型 描述
節點 元素的最后一個子元素。
null 如果無子。

瀏覽器支持

element.lastElementChild 是 DOM Level 3 (2004) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持