Считаем потомков
важность: 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').length.