Есть дерево: tutorial/browser/dom/treeSource.html.
Напишите код, который добавит каждому элементу списка(LI) количество вложенных в него элементов. Те элементы, которые не содержат в себе других элементов - пропускайте.
Добавьте ваш код в конец BODY.
Результат:
.
Решение, шаг 1
Решение
Решение, шаг 1
Сперва, опишем алгоритм решения.
Он может быть таким:
- Найти все элементы списка.
- Для каждого элемента списка:
- Подсчитать количество потомков
LI. - Если количество равно 0, пропускаем этот элемент, иначе, изменяем DOM, добавляя эту информацию.
- Подсчитать количество потомков
Реализуйте его.
Решение, шаг 2
Решение, шаг 2
Количество потомков можно получить как UL.getElementsByTagName('li').length.
Как добавить текст с количеством потомков к LI ?
Заголовок узла дерева(первый потомок LI) — это текстовый узел. Добавить к нему текст можно с помощью свойства data.
Решение, шаг 3
Решение, шаг 3
Решение: tutorial/browser/dom/tree.html.
#100