回到课程

计数后代

重要程度: 5

这里有一个树结构嵌套的 ul/li

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

  1. 里面的文本内容是什么(没有子树)
  2. 嵌套的 <li> 的数量 — 所有后代,包括深层嵌套的后代。

在新窗口中演示

打开一个任务沙箱。

我们使用循环遍历 <li>

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

循环时,我们需要获取每个 li 中的文本。

我们可以从 li 的第一个子节点读取文本,即文本节点:

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

  // title 是在 <li> 中的任何其他节点之前的文本
}

然后我们就可以使用 li.getElementsByTagName('li') 来获取后代的数目了。

使用沙箱打开解决方案。