子孫をカウントする
重要度: 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 is the text in <li> before any other nodes
}
それから、li.getElementsByTagName('li').length で子孫の数を取得できます。