Obtener la ID del botón haciendo clic con OnClick - JavaScript
A veces, los programadores deben determinar la ID asignada de los elementos HTML, como un botón. Supongamos que el desarrollador desea obtener la ID en el evento de clic del botón, lo que significa que cuando se hace clic en el botón específico, su ID asignada se mostrará en la consola o en un mensaje de alerta.
Esta publicación definirá el procedimiento para obtener la identificación del botón hecho con el evento OnClick.
Cómo obtener/acceder a la ID del botón haciendo clic usando OnClick en JavaScript?
Para obtener/acceder a la ID del botón haciendo clic, use los siguientes enfoques:
- "evento.objetivo.Atributo ID "
- "este.Atributo ID "
Método 1: Obtenga la ID del botón hecho haciendo clic con "Evento.objetivo.Atributo ID "
Utilizar el "evento.objetivo.identificación"Atributo para obtener la identificación del botón hecho en el asociado"al hacer clic" evento. Se refiere al "identificaciónPropiedad del elemento que desencadenó el evento en el árbol DOM.
Ejemplo
En un archivo HTML, cree cinco botones asignando diferentes ID ",BTN1 "," BTN2 "," BTN3 "," BTN4 "y" BTN5", Respectivamente. Adjuntar un "al hacer clic"Evento que llamará al"getID ()"Función en el botón Haga clic:
Crear un área utilizando el
Etiqueta para mostrar la identificación respectiva del botón en el botón Haga clic:
Ahora, defina una función llamada "getID ()"Eso se activará en el evento de clic del botón para obtener y mostrar la ID asignada respectivamente utilizando el"evento.objetivo.identificación":
función getId ()var btnid = evento.objetivo.identificación;
documento.getElementById ("resultado").innerhtml = "La identificación del botón hecho es:" + btnid;
La salida indica que los ID respectivos de los botones se han mostrado con éxito:
Método 2: Obtenga la ID del botón hecho clic utilizando ".Atributo ID "
También puedes utilizar el "este.identificación"Atributo para acceder a la ID del botón hecho hecho. El "este.identificación" se refiere a "identificación"Atributo del objeto actual. En un oyente de eventos dom, se refiere al "identificación"De la instancia del elemento a donde se adjuntó el oyente.
Ejemplo
Aquí, en el ejemplo dado, llamaremos al "getID ()"Funciona en el evento OnClick del botón pasando el"este.identificación"Atributo como un parámetro que devolverá la ID del elemento especificado:
Ahora, en el archivo JavaScript, defina una función "getID ()"Al pasar la ID del botón como un argumento que se activará en el clic del botón:
función getId (btnid)documento.getElementById ("resultado").innerhtml = "La identificación del botón hecho es:" + btnid;
Producción
Se trata de obtener la identificación del botón haciendo clic usando el OnClick en JavaScript.
Conclusión
Para obtener la identificación del botón hecho en el "al hacer clic"Evento, use el"evento.objetivo.identificación"Atributo o el"este.identificación" atributo. "este.identificación"Se referiría al"identificación"De la instancia del elemento al que estaba unido el oyente, mientras que"evento.objetivo.identificación"Se referiría al"identificación"Del elemento que realmente desencadenó el evento, que puede ser un elemento infantil del elemento al que el oyente estaba unido. En esta publicación, definimos el procedimiento para obtener la ID del botón haciendo clic utilizando el evento OnClick.