Wie und Verständnis der Verwendung der Onclick()-Ereignisfunktion in Javascript

Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

In diesem Artikel untersuchen wir die Funktion onclick(). Onclick ist ein Ereignis in JavaScript, das eine Aktion bereitstellt, wenn die Maus auf ein HTML-Element klickt. Wenn Sie beispielsweise auf einer Website oder Anwendungsseite auf eine Schaltfläche klicken, können wir das onclick-Ereignis verwenden, um eine Aktion wie das Anzeigen einer Nachricht usw. bereitzustellen.


OK, kommen wir direkt zum Beispiel der Verwendung des onclick-Ereignisses in JavaScript. Erstellen Sie bitte eine .html-Datei und führen Sie das folgende Programm aus.


Programm, das die Ereignisfunktion Onclick() in Javascript verwendet

|_+_|


Ergebnisse :


Ich habe ein Ereignis angegeben, wenn auf die Schaltfläche geklickt wird, wenn der Benutzer auf meine Klickschaltfläche klickt. Dadurch wird der Absatztext mit „Hello World!“ geändert.


Neben der oben genannten Möglichkeit, das Onclik-Ereignis zu verwenden, gibt es auch eine zweite Möglichkeit, die Onclick-Funktion in JavaScript zu verwenden. Schauen Sie sich das folgende Programm an

.

Zweite Möglichkeit, Onclick in Javascript zu verwenden

|_+_|


Wenn Sie sich das obige Programm ansehen, besteht der Unterschied darin, dass es das onclick-Ereignis im HTML-Tag nicht verwendet und die click()-Funktion im JavaScript-Skript entfernt. Durch die Verwendung von document.querySelector() im Javascript, um ein Element im HTML-Tag auszuwählen.


Ergebnisse :