Tæl alle efterkommere
vigtighed: 5
Der er en træstruktur af indlejrede ul/li.
Skriv den kode der for hvert <li> viser:
- Hvad er teksten inde i det (uden undertræet)
- Antallet af indlejrede
<li>– alle efterkommere, inklusiv de dybt indlejrede.
Lad os lave en løkke over <li>:
for (let li of document.querySelectorAll('li')) {
...
}I løkken skal vi hente teksten inde i hvert li.
Vi kan læse teksten fra det første barn af li, som er tekst node:
for (let li of document.querySelectorAll('li')) {
let title = li.firstChild.data;
// title er teksten inde i <li> før andre noder
}Derefter kan vi hente nummeret af efterkommere med li.getElementsByTagName('li').length.