Вернуться к уроку

Дерево

важность: 5

Есть дерево из тегов <ul>/<li>.

Напишите код, который для каждого элемента <li> выведет:

  1. Текст непосредственно в нём (без подразделов).
  2. Количество вложенных в него элементов <li> – всех, с учётом вложенных.
Демо в новом окне

Открыть песочницу для задачи.

Сделаем цикл по узлам <li>:

var lis = document.getElementsByTagName('li');

for (i = 0; i < lis.length; i++) {
  ...
}

В цикле для каждого lis[i] можно получить текст, используя свойство firstChild. Ведь первым в <li> является как раз текстовый узел, содержащий текст названия.

Также можно получить количество потомков, используя lis[i].getElementsByTagName('li').

Напишите код с этой подсказкой.

Если уж не выйдет – тогда откройте решение.

Открыть решение в песочнице.