03第一个子节点和最后一个子节点详解

03第一个子节点和最后一个子节点详解

在HTML文档中，每个元素都能包含其他元素，那么如何找到子元素的第一个和最后一个呢？

我们知道，每个元素在文档中都有自己的顺序。因此，如果您想找到第一个子元素，可以使用以下代码：

var firstChild = document.querySelector('div').firstElementChild;

此代码将返回一个代表第一个子元素的元素对象（div元素的第一个子元素）。

同样的，如要找到最后一个子元素，可以这么写：

var lastChild = document.querySelector('div').lastElementChild;

这段代码将返回一个代表最后一个子元素的元素对象（div元素的最后一个子元素）。

以上是在HTML文档中查找子元素的方法，如果您有其他疑问，欢迎随时联系我们。