回到课程
本资料仅提供以下语言版本:English。请 帮助我们 将其翻译为 简体中文 版本。

计算后代

重要程度: 5

构造用于嵌套 ul/li 的树结构。

为显示每个 <li> 而编写代码:

  1. 文本内容是什么(没有子树)。
  2. 嵌套 <li> 的数量 —— 所有的后代,包括嵌套的后代。
在新窗口中演示

打开一个任务沙箱。

我们在 <li> 中使用循环:

for (let li of document.querySelectorAll('li')) {
  ...
}

循环时,我们需要获取每个 li 的文本下标。我们可以直接从第一个节点开始读取,这就是文本节点:

for (let li of document.querySelectorAll('li')) {
  let title = li.firstChild.data;

  // title is the text in <li> before any other nodes
}

之后我们就可以获取后代 li.getElementsByTagName('li') 的数目。

使用沙箱打开解决方案。