1

El código es simple, a todos los elementos con la class A2 los mete en un array llamado test.

var test = document.querySelectorAll('.A2');

¿Se puede saber cual es el id de los elementos dentro de test y que el alert sea algo así alert("El id del boto es " + test_id)? Gracias de antemano.

<html>
<body>
    <input type="button" value="Test1" class="A2" id="B1">
    <input type="button" value="test2" class="A2" id="B2">
</body>
<script>
window.onload = function (){
    var test =document.querySelectorAll('.A2')
    for(var i=0;i<test.length;i++){
        test[i].addEventListener("click", function(){
            alert("Hola")
        }); 
    }
}   
</script>
</html>

2 respuestas 2

1

Para acceder al id del elemento puedes usar this, la linea de tu alert debería ser así:

alert("El id del boto es "+this.id)

y el código te queda así:

<html>
<body>
    <input type="button" value="Test1" class="A2" id="B1">
    <input type="button" value="test2" class="A2" id="B2">

</body>
<script>
window.onload = function () 
{
    var test =document.querySelectorAll('.A2')
    for(var i=0;i<test.length;i++)
    {
        test[i].addEventListener("click", function()
        {
            alert("El id del boto es "+this.id)
        }); 
    }
}   
</script>
</html>

3
  • 1
    Ohhh muchas gracias, con esto me ayudaste mucho, que buscaba en google y buscaba pero eran tantos detalles que salia de todo menos lo que necesitaba Commented el 18 oct. 2019 a las 3:15
  • de nada @GatoGrisSobreElTejado (ノ・∀・)ノ, marca la respuesta como aceptada por favor si te sirvio.
    – erika_chan
    Commented el 18 oct. 2019 a las 3:16
  • 1
    dice que espere 5 min, se completa y le pico click Commented el 18 oct. 2019 a las 3:18
1

El array contiene los elementos HTML, solamente tendrías que seleccionar la propiedad el elemento del id. Intenta con esto:

<html>
<body>
    <input type="button" value="Test1" class="A2" id="B1">
    <input type="button" value="test2" class="A2" id="B2">

</body>
<script>
window.onload = function () 
{
    var test =document.querySelectorAll('.A2')
    for(var i=0;i<test.length;i++){
        alert("El id del boto es: " + test[i].id);
    }
}   
</script>
</html>

1
  • 2
    Ohhh muchas gracias, con esto me ayudaste mucho, que buscaba en google y buscaba pero eran tantos detalles que salia de todo menos lo que necesitaba Commented el 18 oct. 2019 a las 3:15

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.