JavaScript: методы циклического перебора элементов HTMLCollection

Чтобы перебрать элементы HTMLCollection в JavaScript, вы можете использовать несколько методов. Вот несколько примеров:

  1. Цикл for: вы можете использовать традиционный цикл for для перебора элементов в HTMLCollection. Объект HTMLCollection имеет свойство length, которое представляет количество элементов в коллекции. Вы можете использовать это свойство в качестве условия цикла и получать доступ к каждому элементу с помощью индекса.
var collection = document.getElementsByClassName('your-class');
for (var i = 0; i < collection.length; i++) {
  // Access each element using collection[i]
  // Do something with the element
}
  1. Метод forEach(). Если вы предпочитаете более лаконичный подход, вы можете преобразовать HTMLCollection в массив и использовать метод forEach()для перебора элементов.
var collection = document.getElementsByClassName('your-class');
Array.from(collection).forEach(function(element) {
  // Do something with the element
});
  1. цикл for…of. Другой способ пройти через HTMLCollection — использовать цикл for…of. Этот цикл позволяет напрямую перебирать элементы без необходимости использования индекса.
var collection = document.getElementsByClassName('your-class');
for (var element of collection) {
  // Do something with the element
}

Это несколько методов, которые можно использовать для циклического перебора элементов HTMLCollection в JavaScript.