子孫を数える

ネストされた ul/li として構造化されたツリーがあります。

それぞれの <li> に対し、次のものを表示するコードを書いてください:

<li> のループを作りましょう:

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

このループでは、各 li の中のテキストを取得する必要があります。最初の子ノードから直接それを読むことができ、それはテキストノードです。

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

  // titleは他のノードの前の <li> のテキストです
}
        

そして、子孫の数は li.getElementsByTagName('li') で取得できます。