Cómo recorrer los elementos DOM de querySelectorAll

TL; DR: Utilice el bucle for ... of

losquerySelectorAll()el método se ejecuta endocumentdevuelve una lista de elementos DOM que satisfacen la consulta de los selectores.

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

La forma más sencilla de recorrer los resultados es utilizar elfor..oflazo:

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

Más tutoriales de navegador: