计数后代
重要程度: 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')
来获取后代的数目了。