使用 document.querySelector拿到el-tree的前四个子节点

假设 el-tree 的 DOM 结构如下：

<el-tree>
  <el-tree-node>节点1</el-tree-node>
  <el-tree-node>节点2</el-tree-node>
  <el-tree-node>节点3</el-tree-node>
  <el-tree-node>节点4</el-tree-node>
  <el-tree-node>节点5</el-tree-node>
  <!-- ... -->
</el-tree>

可以使用 `document.querySelectorAll` 方法配合 CSS 选择器获取前四个子节点，如下所示：

const firstFourNodes = document.querySelectorAll('el-tree > el-tree-node:nth-child(-n+4)')

其中 `el-tree > el-tree-node:nth-child(-n+4)` 表示选择 `el-tree` 的直接子元素中前四个 `el-tree-node` 元素。使用 `querySelectorAll` 方法可以获取到一个 `NodeList` 类型的对象，可以使用 `Array.from` 方法将其转换为数组类型，如下所示：

const firstFourNodesArray = Array.from(firstFourNodes)

这样 `firstFourNodesArray` 数组中就包含了前四个 `el-tree-node` 元素。