如何获取元素中最后一个子节点？

在前端开发中，你可以使用JavaScript来获取元素中的最后一个子节点。这里有两种常用的方法：使用lastChild属性，或者使用children属性配合数组索引。

1. 使用lastChild属性

lastChild属性返回当前节点的最后一个子节点。这个子节点可能是元素节点，也可能是文本节点或注释节点。如果你只关心元素节点，那么可能需要额外检查节点的类型。

var parentElement = document.getElementById('your-parent-element-id');
var lastChild = parentElement.lastChild;// 如果需要确保是元素节点
while (lastChild && lastChild.nodeType !== 1) {lastChild = lastChild.previousSibling;
}console.log(lastChild); // 最后一个元素子节点

在这个例子中，nodeType属性用于检查节点类型。元素节点的nodeType值是1。

2. 使用children属性

children属性返回一个包含当前元素所有子元素的HTMLCollection。你可以通过访问这个集合的最后一个元素来获取最后一个子节点。

var parentElement = document.getElementById('your-parent-element-id');
var lastChild = parentElement.children[parentElement.children.length - 1];console.log(lastChild); // 最后一个子元素

这个方法更直接，因为它只返回元素节点，不包括文本或注释节点。所以，你不需要像使用lastChild那样检查节点类型。

通常，第二种方法（使用children属性）是更常见和更推荐的做法，因为它更简洁，且直接返回你想要的元素节点。