👶🏻 Перебор потомков HTML элемента
Опубликовано: 12 марта 2023 г.
Перебор потомков HTML элемента
Просто так применить метод forEach
к атрибуту .children
HTML элемента не получится.
Для начала необходимо преобразовать атрибут в массив.
Предположим, что pageContent
— это div
с некоторыми однотипными элементами,
которые нужно перебрать методом forEach
.
let pageContent = document.getElementById('page-content');
Вот несколько примеров, как преобразовать атрибут
pageContent.children
в массив.
let pageContentChildren = [...pageContent.children];
// или
let pageContentChildren = [].slice.call(pageContent.children);
В ECMAScript 6 добавлено новое API, а именно метод .from
для создания массивов из итерируемых объектов.
let pageContentChildren = Array.from(pageContent.children.children);