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;

尝试一下 »

元素对象参考手册 元素对象