计数后代
重要程度: 5
这里有一个树结构嵌套的 ul/li。
编写代码,为每个 <li> 显示:
- 里面的文本内容是什么(没有子树)
- 嵌套的
<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') 来获取后代的数目了。