Contar los descendientes
importancia: 5
Hay un árbol estructurado como ul/li anidado.
Escribe el código que para cada <li> muestra:
- ¿Cuál es el texto dentro de él (sin el subárbol)?
- El número de
<li>anidados: todos los descendientes, incluidos los profundamente anidados.
Hagamos un ciclo sobre <li>:
for (let li of document.querySelectorAll('li')) {
...
}En el ciclo, necesitamos introducir el texto dentro de cada li.
Podemos leer el texto del primer nodo hijo de li, que es el nodo de texto:
for (let li of document.querySelectorAll('li')) {
let title = li.firstChild.data;
// el título es el texto en <li> antes de cualquier otro nodo
}Entonces podemos obtener el número de descendientes como li.getElementsByTagName('li').length.