Wizard
Xi
Verificación en dos pasos activada
Quiero añadir el event 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 h2, obtuve la lista de todas las imágenes que necesito con:
Pero puesto que esto me devuelve una lista a la que puedo acceder a sus elementos sólo colocando el indice (img), 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:
Obviamente está mal, pero es más o menos la idea que tengo por los momentos.
- - - Actualizado - - -
Cierro tema, logré solucionarlo colocando un bucle for afuera del event listener.
Insertar CODE, HTML o PHP:
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), 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:
Insertar CODE, HTML o PHP:
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.
- - - Actualizado - - -
Cierro tema, logré solucionarlo colocando un bucle for afuera del event listener.

