HTML DOM lastElementChild 属性
元素对象实例代码
获取 HTML 中 <ul> 元素的最后一个子元素:
var x = document.getElementById("myList").lastElementChild.innerHTML;
定义和用法
lastElementChild 属性返回指定元素的最后一个子元素。
lastElementChild 属性与 lastChild 属性的区别在于 lastChild 返回最后一个子节点作为元素节点，包含文本节点或注释节点（取决于哪个是最后一个），而 lastElementChild 返回最后一个子节点作为元素节点（忽略文本和注释节点）。
该属性是只读的。
提示：使用 children 属性返回指定元素的任何子元素。
提示：要返回指定元素的第一个子元素，请使用 firstElementChild 属性。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
语法
element.lastElementChild
参数
None
返回值
| 类型 | 描述 |
|---|---|
| Object | 返回 Node 对象，表示元素的最后一个子元素，如果没有子元素，则返回 null |
技术细节
| DOM 版本 | Core Level 3 Element Traversal |
|---|
更多实例
实例代码
获取 <div> 元素最后一个子元素的标签名：
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
实例代码
获取 <select> 元素最后一个子元素的文本：
var x = document.getElementById("mySelect").lastElementChild.text;