Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll

Cómo iterar una NodeList y adjuntar un detector de eventos a cada elemento

Puede agregar un detector de eventos a todos los elementos devueltos por una document.querySelectorAll()llamada iterando sobre esos resultados usando el for..ofbucle:

const buttons = document.querySelectorAll('#select .button')for (const button of buttons) { button.addEventListener('click', function (event) { //... })}

Es importante tener en cuenta que document.querySelectorAll()no devuelve una matriz, sino un objeto NodeList.

Puedes iterarlo con forEacho for..of, o puedes transformarlo en una matriz con Array.from()si lo deseas.

Tal vez te puede interesar:

1. Introducción a React
2. Cómo cambiar el valor de un nodo DOM
3. Cómo comprobar si un elemento DOM tiene una clase
4. Cómo eliminar una clase de un elemento DOM

Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll

Puede agregar un detector de eventos a todos los elementos devueltos por una document.querySelectorAll()llamada iterando sobre esos resultados usando el for..o

programar

es

2025-01-15

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente