document.queryselector all 第一个 最后一个的方法

`querySelectorAll` 和 `querySelector` 是HTML DOM API提供的两个方法，用于查找文档中匹配指定CSS选择器的节点集合。

- `querySelectorAll(selector)`：返回文档中匹配给定CSS选择器的第一个元素集。如果没有找到匹配的元素，会返回`null`。
- `querySelector(selector)`：类似于`querySelectorAll`，但它只会返回第一个匹配的元素，而不是整个集合。

如果你想分别获取这两个方法查找到的第一个和最后一个元素，可以这样做：

1. **获取第一个元素**：

const firstElement = document.querySelector('selector');

这里的`'selector'`替换为你想要查询的具体选择器，比如`.myClass`, `#myId`, 或者`div[data-my-attr="value"]`等。

2. **获取所有元素并找到最后一个**：

const elements = document.querySelectorAll('selector');
const lastElement = elements[elements.length - 1];

这行代码首先获取了所有匹配的选择器，然后通过索引`elements.length - 1`获取最后一个元素，因为数组下标是从0开始的。

请注意，如果`querySelectorAll`找不到任何匹配项，`elements`数组将是空的，尝试访问它的最后一个元素可能会抛出错误，所以通常需要先检查数组是否为空。