Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von JavaScript die ID einer angeklickten Schaltfläche ermitteln?

Wie kann ich mithilfe von JavaScript die ID einer angeklickten Schaltfläche ermitteln?

Barbara Streisand
Freigeben: 2024-11-27 02:40:11
Original
732 Leute haben es durchsucht

How Can I Get the ID of a Clicked Button Using JavaScript?

Ermitteln Sie die ID der angeklickten Schaltfläche mithilfe von JavaScript

Bei der Verwendung von HTML-Schaltflächen mit einem onClick-Ereignis kann es nützlich sein, die ID abzurufen des angeklickten Buttons. Diese Informationen können für verschiedene Zwecke genutzt werden, beispielsweise zur Auswahl der entsprechenden Aktion oder zur Anzeige spezifischer Daten.

Um dies zu erreichen, können Sie Ihren HTML- und JavaScript-Code wie folgt ändern:

<button>
Nach dem Login kopieren

In diesem aktualisierten HTML ruft jede Schaltfläche jetzt die Funktion „reply_click“ auf und übergibt beim Klicken ihre eigene ID als Parameter.

Die JavaScript-Funktion ist ebenfalls vorhanden geändert:

function reply_click(clicked_id) {
    alert(clicked_id);
}
Nach dem Login kopieren

Wenn nun auf eine Schaltfläche geklickt wird, wird die Funktion „reply_click“ ausgelöst und die ID der angeklickten Schaltfläche wird als Parameter „clicked_id“ übergeben. Dadurch können Sie die spezifische Schaltfläche, auf die geklickt wurde, leicht identifizieren und die erforderlichen Aktionen ausführen.

Um zu demonstrieren, wie das funktioniert, können Sie Ihren Originalcode durch die geänderten Versionen ersetzen und auf eine der Schaltflächen klicken. Sie sollten ein Warnfeld mit der ID der angeklickten Schaltfläche sehen.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript die ID einer angeklickten Schaltfläche ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage