Coloca el código JavaScript debajo de la última etiqueta
<img>
y antes de la etiqueta
</body>
para que cargue luego de que hayan cargado los elementos del documento.
Por otra parte, como
document.querySelectorAll
devuelve un conjunto de nodos y no un array, no puedo iterar directamente sobre él con el método
forEach
, por lo que debo de crear una instancia de un
Array
para poder aplicar dicho método en la lista de nodos.
Puede ser de cualquiera de estas formas:
Código Javascript
:
Ver original[].forEach.call(lista de nodos, función);
Array.prototype.forEach.call(lista de nodos, función);
Recuerda que el
[]
representa a un array.
Saludos