多层级的tree需要选中第一个节点的第一个子节点的第一个子节点具体代码操作
时间: 2024-05-13 18:18:55 浏览: 8
假设你的多层级树形结构是通过 HTML 的 `<ul>` 和 `<li>` 元素实现的,你可以使用以下代码操作选中第一个节点的第一个子节点的第一个子节点:
```
// 获取第一个节点的 <ul> 元素
const firstNodeUl = document.querySelector('ul');
// 获取第一个节点的第一个 <li> 元素
const firstNodeFirstChild = firstNodeUl.firstElementChild;
// 获取第一个节点的第一个 <li> 元素的第一个 <ul> 元素
const firstNodeFirstChildUl = firstNodeFirstChild.querySelector('ul');
// 获取第一个节点的第一个 <li> 元素的第一个 <ul> 元素的第一个 <li> 元素
const firstNodeFirstChildFirstGrandchild = firstNodeFirstChildUl.firstElementChild;
```
这段代码首先通过 `document.querySelector()` 方法获取到第一个节点的 `<ul>` 元素,然后通过 `.firstElementChild` 属性获取到第一个子节点的 `<li>` 元素,再通过 `.querySelector()` 方法获取到该 `<li>` 元素下的第一个 `<ul>` 元素,最后再通过 `.firstElementChild` 属性获取到该 `<ul>` 元素下的第一个 `<li>` 元素,即为第一个节点的第一个子节点的第一个子节点。