HTML DOM lastElementChild 属性

获取 <ul> 元素最后一个子元素的 HTML 内容：

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

获取 <div> 元素最后一个子元素的标签名称：

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

获取 <select> 元素最后一个子元素的文本：

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

描述

这个lastElementChild属性返回元素的最后一个子元素。

这个lastElementChild属性是只读的。

在 HTML DOM 术语中：

节点是所有节点（元素节点、文本节点和注释节点）。

元素之间的空白也是文本节点。

元素只是元素节点。

子节点返回孩子节点（元素节点、文本节点和注释节点）。

孩子们返回孩子元素（不是文本和注释节点）。

第一个孩子返回第一个孩子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

第一个子元素返回第一个孩子元素（不是文本和注释节点）。

最后一个孩子返回最后一个孩子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

最后一个元素子元素返回最后一个孩子元素（不是文本和注释节点）。

element.lastElementChild

类型	描述
节点	该元素的最后一个子元素。 `null`如果不存在子元素。

element.lastElementChild是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11