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