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 |
