Abrufen der ID der Klick -Schaltfläche mit Onclick - JavaScript
Manchmal müssen Programmierer die zugeordnete ID der HTML -Elemente wie eine Taste bestimmen. Angenommen, der Entwickler möchte die ID auf das Klickenereignis der Schaltfläche Klicken Sie auf die Schaltfläche ab. Wenn Sie auf die bestimmte Schaltfläche klicken, wird die zugewiesene ID auf der Konsole oder in einer Warnmeldung angezeigt.
Dieser Beitrag definiert die Prozedur zum Abrufen der ID der Klick -Schaltfläche mit dem Onclick -Ereignis.
So erhalten/greifen Sie mit Onclick in JavaScript die ID der Schaltfläche Klickte zu/greifen Sie auf/greifen Sie auf?
Verwenden Sie die folgenden Ansätze, um die ID der Schaltfläche Klicken zu erhalten/zugreifen:
- "Fall.Ziel.ID ”Attribut
- "Das.ID ”Attribut
Methode 1: Erhalten Sie die ID der Klick -Schaltfläche mit „Ereignis.Ziel.ID ”Attribut
Verwenden Sie die “Fall.Ziel.Ausweis”Attribut für das Abrufen der ID der Schaltfläche Klickte auf dem zugehörigen“ONCLICK" Fall. Es bezieht sich auf die “AusweisEigenschaft des Elements, das das Ereignis im DOM -Baum auslöste.
Beispiel
Erstellen Sie in einer HTML -Datei fünf Schaltflächen, indem Sie verschiedene IDs zuweisen, “btn1 ”,„ btn2 “,„ btn3 “,„ btn4 “und„ btn5", bzw. Anbringen "ONCLICK"Ereignis, das das nennt"getid ()”Funktion auf der Schaltfläche Klicken Sie auf:
Erstellen Sie einen Bereich mit dem
Tag zum Anzeigen der jeweiligen ID der Schaltfläche auf der Schaltfläche Klicken Sie auf:
Definieren Sie nun eine Funktion namens “getid ()”Dies wird auf dem Klickereignis der Schaltfläche zum Erhalten und Anzeigen der jeweiligen ID ausgelöst, indem Sie die“ mit der “Fall.Ziel.Ausweis”:
Funktion getid ()var btnid = Ereignis.Ziel.Ausweis;
dokumentieren.GetElementById ("Ergebnis").Innerhtml = "Die ID der Klick -Schaltfläche lautet:" + btnid;
Die Ausgabe zeigt an, dass die jeweiligen IDs der Schaltflächen erfolgreich angezeigt wurden:
Methode 2: Erhalten Sie die ID der Schaltfläche Klickte mit „This.ID ”Attribut
Sie können auch das verwenden “Das.Ausweis”Attribut zum Zugriff auf die ID der Schaltfläche Klickte. Der "Das.Ausweis" bezieht sich auf "Ausweis”Attribut des aktuellen Objekts. In einem DOM -Event -Hörer bezieht es sich auf die “Ausweis”Von der Instanz des Elements, an dem der Hörer angehängt wurde.
Beispiel
Hier werden wir im angegebenen Beispiel das nennen “getid ()Funktionen auf dem Onclick -Ereignis der Taste, indem Sie das „übergeben“Das.AusweisAttribut als Parameter, der die ID des angegebenen Elements zurückgibt:
Definieren Sie nun in der JavaScript -Datei eine Funktion “getid ()”Wenn Sie die ID der Schaltfläche als Argument übergeben, das auf dem Klick der Schaltfläche ausgelöst wird:
Funktion getId (btnid)dokumentieren.GetElementById ("Ergebnis").Innerhtml = "Die ID der Klick -Schaltfläche lautet:" + btnid;
Ausgang
Auf diesem dreht sich nur darum, die ID der Klick -Schaltfläche mit dem Onclick in JavaScript zu erhalten.
Abschluss
Um die ID der Klick -Schaltfläche auf die “zu erhalten,“ONCLICK”Ereignis, benutze die“Fall.Ziel.Ausweis”Attribut oder das“Das.Ausweis”Attribut. “Das.Ausweis”Würde sich auf die“ beziehenAusweis"Von der Instanz des Elements, an das der Hörer verbunden war, während", während "Fall.Ziel.Ausweis”Würde sich auf die“ beziehenAusweis”Des Elements, das das Ereignis tatsächlich ausgelöst hat, was möglicherweise ein untergeordnetes Element des Elements sein kann, an das der Hörer angehängt wurde. In diesem Beitrag haben wir die Prozedur zum Abrufen der ID der Klick -Schaltfläche mit dem Onclick -Ereignis definiert.