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 支持 支持 支持 支持