1.2 KiB
1.2 KiB
| title | date | draft | tags | ||
|---|---|---|---|---|---|
| 👶🏻 Перебор потомков HTML элемента | 2023-03-12T00:10:00+03:00 | false |
|
Перебор потомков 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);