Quiero añadir el evento listener
a una lista de imágenes, cuando el mouse se encuentre sobre una imagen se extraiga el atributo alt de la imagen y lo coloque en un , obtuve la lista de todas las imágenes que necesito con:
var img = document.querySelectorAll('.contenedorIMG')
Pero puesto que esto me devuelve una lista a la que puedo acceder a sus elementos sólo colocando el indice (img[i]), quiero añadir un event listener para cualquiera de sus elementos, sin embargo no se como hacerlo. Pueden darme una mano? Lo que tengo de código es lo siguiente:
window.onload = function () {
var img = document.querySelectorAll('.contenedorIMG'),
titular = document.querySelector('#titular');
img[0].addEventListener('mouseover', function () {
titular.innerText = 'CSS Master';
console.log('Click');
})
}
Obviamente está mal, pero es más o menos la idea que tengo por los momentos.