• Теория
  • Теория

Перебор коллекции элементов

Мы нашли все товары на странице. Теперь нужно обращаться по очереди к каждому найденному DOM-элементу из коллекции и добавлять ему подходящие классы. Как это сделать?

Обратите внимание, что DOM-коллекция, полученная через querySelectorAll похожа на массив. Это действительно так, она похожа, но им не является. Поэтому ещё одно название таких коллекций — псевдомассив. Подробно о различиях коллекций и массивов мы поговорим в других тренажёрах, а пока будем перебирать нашу DOM-коллекцию. Это можно сделать с помощью знакомого вам цикла for.

Пройдёмся по найденным товарам и временно добавим каждому DOM-элементу класс доступности product--available. Так мы убедимся, что цикл действительно работает.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «JavaScript в браузере» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.