JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM lastElementChild 属性

HTML DOM Element 对象

该lastElementChild只读属性返回指定的父元素的最后一个子元素。

如果父元素没有子元素，则此方法将返回null值。

使用children属性返回指定父元素的任何子元素。

要返回指定父元素的第一个子元素，请使用firstElementChild属性。

语法：

ParentElement.lastElementChild
<div>
   <p>这是DIV里面的第1个P</p>
   <p>这是DIV里面的第2个P</p>
   <p>这是DIV里面的第3个P</p>
</div>

<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>
测试看看‹/›

浏览器兼容性

所有浏览器完全支持lastElementChild属性：

属性
lastElementChild是是是是是

技术细节

返回值：一个Node对象，代表指定父元素的最后一个子元素；如果没有子元素，则为null
DOM版本：DOM级别1

更多实例

获取DIV元素的最后一个子元素的HTML内容：

<div>
   <p>这是DIV里面的第1个P</p>
   <p>这是DIV里面的第2个P</p>
   <p>这是DIV里面的第3个P</p>
</div>

<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>
测试看看‹/›

更改DIV元素的最后一个子元素的HTML内容：

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";
测试看看‹/›

相关参考

HTML DOM参考：firstElementChild属性

HTML DOM Element 对象

JavaScript History 对象HTML DOM Element 对象