Skip to main content
Commonmark migration
Origen Enlace

puedes hacerlo accediento al target del evento

#ejemplo:

ejemplo:

let wrap = document.getElementById("wrap");
let array = ["hola 1","hola 2","hola 3"];
let content = "";
// creamos elementos dinamicos
for( x of array)
 content +=`<p id="imgBox">${x}</p>`;

// agregamos al dom
wrap.innerHTML=content;


let imgBox = document.querySelectorAll("#imgBox");

for(let i = 0; i < imgBox.length; i++){
   // pasamos el evento como parametro con `e`
   imgBox[i].addEventListener('click', function(e){
     //accedemos a la propiedad target del evento
     let self = e.target
     console.log(`se le dio click a ${self.innerText}`);
   })
}
<div id="wrap"><div>

puedes hacerlo accediento al target del evento

#ejemplo:

let wrap = document.getElementById("wrap");
let array = ["hola 1","hola 2","hola 3"];
let content = "";
// creamos elementos dinamicos
for( x of array)
 content +=`<p id="imgBox">${x}</p>`;

// agregamos al dom
wrap.innerHTML=content;


let imgBox = document.querySelectorAll("#imgBox");

for(let i = 0; i < imgBox.length; i++){
   // pasamos el evento como parametro con `e`
   imgBox[i].addEventListener('click', function(e){
     //accedemos a la propiedad target del evento
     let self = e.target
     console.log(`se le dio click a ${self.innerText}`);
   })
}
<div id="wrap"><div>

puedes hacerlo accediento al target del evento

ejemplo:

let wrap = document.getElementById("wrap");
let array = ["hola 1","hola 2","hola 3"];
let content = "";
// creamos elementos dinamicos
for( x of array)
 content +=`<p id="imgBox">${x}</p>`;

// agregamos al dom
wrap.innerHTML=content;


let imgBox = document.querySelectorAll("#imgBox");

for(let i = 0; i < imgBox.length; i++){
   // pasamos el evento como parametro con `e`
   imgBox[i].addEventListener('click', function(e){
     //accedemos a la propiedad target del evento
     let self = e.target
     console.log(`se le dio click a ${self.innerText}`);
   })
}
<div id="wrap"><div>

Origen Enlace
Bryro
  • 9.5k
  • 1
  • 11
  • 24

puedes hacerlo accediento al target del evento

#ejemplo:

let wrap = document.getElementById("wrap");
let array = ["hola 1","hola 2","hola 3"];
let content = "";
// creamos elementos dinamicos
for( x of array)
 content +=`<p id="imgBox">${x}</p>`;

// agregamos al dom
wrap.innerHTML=content;


let imgBox = document.querySelectorAll("#imgBox");

for(let i = 0; i < imgBox.length; i++){
   // pasamos el evento como parametro con `e`
   imgBox[i].addEventListener('click', function(e){
     //accedemos a la propiedad target del evento
     let self = e.target
     console.log(`se le dio click a ${self.innerText}`);
   })
}
<div id="wrap"><div>