Få ID for den klikkede knappen ved hjelp av OnClick - JavaScript

Noen ganger må programmerere bestemme den tildelte IDen til HTML -elementene, for eksempel en knapp. Anta at utvikleren ønsker å få ID -en på klikkhendelsen til knappen, noe som betyr at når den spesifikke knappen er klikket, vises deres tildelte ID på konsollen eller i en varslingsmelding.

Dette innlegget vil definere prosedyren for å få ID for den klikkede knappen ved å bruke OnClick -hendelsen.

Hvordan få/få tilgang til IDen til den klikkede knappen ved å bruke OnClick i JavaScript?

For å få/tilgang til IDen til den klikkede knappen, bruk følgende tilnærminger:

• "begivenhet.mål.id ”attributt
• "dette.id ”attributt

Metode 1: Få ID for den klikkede knappen ved å bruke “Hendelse.mål.id ”attributt

Bruke "begivenhet.mål.id”Attributt for å få ID for den klikkede knappen på den tilknyttede“ved trykk" begivenhet. Det refererer til “id”Eiendom til elementet som utløste hendelsen i DOM -treet.

Eksempel

I en HTML -fil, lag fem knapper ved å tilordne forskjellige ID -er, “BTN1 ”,“ BTN2 ”,“ BTN3 ”,“ BTN4 ”og“ BTN5”, Henholdsvis. Fest en “ved trykk”Arrangement som vil kalle“Getid ()”Funksjon på knappeklikk:

Knapp
Knapp
Knapp
Knapp
Knapp

Lage et område ved hjelp av

Tag for å vise respektive ID for knappen på knappeklikk:

Nå, definer en funksjon som heter “Getid ()”Det vil utløse på klikkhendelsen til knappen for å få og vise den henholdsvis tildelte IDen ved å bruke"begivenhet.mål.id”:

funksjon getid ()
var btnid = arrangement.mål.id;
dokument.getElementById ("Resultat").INNERHTML = "IDen til den klikkede knappen er:" + btnid;

Utgangen indikerer at de respektive ID -ene til knappene har blitt vist med hell:

Metode 2: Få ID for den klikkede knappen ved å bruke “dette.id ”attributt

Du kan også bruke "dette.id”Attributt til tilgang til IDen til den klikkede knappen. “dette.id”Refererer til“id”Attributt til det nåværende objektet. I en DOM -hendelseslytter refererer det til “id”Av forekomsten av elementet der lytteren var knyttet til.

Eksempel

Her, i det gitte eksemplet, vil vi kalle “Getid ()”Funksjon på knappens onClick -hendelse ved å passere“dette.id”Attributt som en parameter som vil returnere ID for det spesifiserte elementet:

Knapp
Knapp
Knapp
Knapp
Knapp

Nå, i JavaScript -filen, definerer du en funksjon "Getid ()”Ved å sende ID -en på knappen som et argument som vil utløse på knappens klikk:

funksjon getid (btnid)
dokument.getElementById ("Resultat").INNERHTML = "IDen til den klikkede knappen er:" + btnid;

Produksjon

Det handler om å få ID for den klikkede knappen ved å bruke OnClick i JavaScript.

Konklusjon

For å få ID for den klikkede knappen på “ved trykk”Arrangement, bruk“begivenhet.mål.id”Attributt eller“dette.id" Egenskap. “dette.id”Ville referere til“id”Av forekomsten av elementet som lytteren var knyttet til, mens“begivenhet.mål.id”Ville referere til“id”Av elementet som faktisk utløste hendelsen, som kan være et barnelement i elementet lytteren var knyttet til. I dette innlegget definerte vi prosedyren for å få IDen til den klikkede knappen ved hjelp av OnClick -hendelsen.