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 术语中
节点是指所有节点（元素节点、文本节点和注释节点）。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本和注释节点）。
firstChild 与 firstElementChild
firstChild 返回第一个子节点（元素节点、文本节点或注释节点）。元素之间的空白符也是文本节点。
firstElementChild 返回第一个子元素（不包括文本和注释节点）。
lastChild 与 lastElementChild
lastChild 返回最后一个子节点（元素节点、文本节点或注释节点）。元素之间的空白符也是文本节点。
lastElementChild 返回最后一个子元素（不包括文本和注释节点）。
语法
element.lastElementChild
返回值
| 类型 | 描述 |
| 节点 | 元素的最后一个子元素。 如果不存在子元素，则为 null。 |
浏览器支持
element.lastElementChild 是 DOM Level 3 (2004) 特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
