Как перебрать html коллекцию js

Чтобы перебрать html-соллекцию, нужно сначала ее перевести в массив. Для этого можно воспользоваться методом Array.from() или с помощью спред-оператора [...htmlCollection]. После этого массив можно обработать обычным способом. Пример:

const allButtons = document.getElementsByTagName('button');

// Создаем массив с помощью Array.from()
const buttons1 = Array.from(allButtons);

for (const button of buttons1) {
  // ...
}

// тоже самое со спред-оператором
const buttons2 = [...allButtons];

for (const button of buttons2) {
  // ...
}