Cómo recorrer elementos DOM desde querySelectorAll

TL;DR: Utilice el bucle para..of

El querySelectorAll()método run on documentdevuelve una lista de elementos DOM que satisfacen la consulta de selectores.

Devuelve una lista de elementos, que no es una matriz sino un NodeListobjeto.

La forma más sencilla de recorrer los resultados es utilizar el for..ofbucle:

for (const item of document.querySelectorAll('.buttons')) {  //...do something}

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase