现在位置: 首页 > JavaScript 参考手册 > 正文

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;

尝试一下 »


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