[SOLUCIONADO] Consultar id de elemento cliqueado.

[camillo47]

Buenas, tengo varios elementos con la misma clase quisiera saber si ¿esta es una buena forma de consultar información de un elemento cliqueado?

Código HTML:

<p class="demo" id="p1" onclick="myFunction(this)">Otro p</p>
<p class="demo" id="p2" onclick="myFunction(this)">Otro p2</p>
<p class="demo" id="p3" onclick="myFunction(this)">Otro p3</p>
<div id="mostrar"></div>
 
<script>
function myFunction(elmnt) {
    elmnt.style.color = 'gren';
    var id = elmnt.id;
    document.getElementById('mostrar').innerHTML = id;
    console.log(elmnt)
}
 
</script>
 

[leugimsiul]

Sí, es correcto. Otra forma quizá más limpia (ya que no ensucias el html) es:

Código Javascript:

<p class="demo" id="p1" >Otro p</p>
<p class="demo" id="p2" >Otro p2</p>
<p class="demo" id="p3" >Otro p3</p>
<div id="mostrar"></div>
 
<script>
function myFunction() {
    this.style.color = 'gren';
    var id = this.id;
    document.getElementById('mostrar').innerHTML = id;
    console.log(this);
}
 
var elems = document.getElementsByClassName("demo");
for (var i = 0, len = elems.length; i < len; i++) {
    elems[i].addEventListener("click", myFunction, false);
}
 

Saludos!

[IsaBelM]

No, la correcta es usar event.target

[leugimsiul]

Iniciado por IsaBelM

No, la correcta es usar event.target

Dejando a un lado la performance del flujo de lectura y mantenimiento del código, IsaBelM, ¿porqué solo es correcto event.target?

[IsaBelM]

si quieres cambia el adjetivo correcta por adecuada. de esa forma tú mismo te has respondido

[leugimsiul]

Iniciado por IsaBelM

si quieres cambia el adjetivo correcta por adecuada. de esa forma tú mismo te has respondido

Eso ya está mejor. Creo que es conveniente siempre dar una explicación del porqué de una respuesta. De lo contrario parecería que caemos en el "porque yo lo digo"

Saludos!