Wie erhalte ich den Inhalt eines Klicklistenelements und verwenden Sie ihn in JavaScript?

In der Webentwicklung ist die Benutzerinteraktion von entscheidender Bedeutung. Zum Beispiel klickt der Benutzer auf ein Listenelement (<li> Tag), wir müssen seinen Inhalt abrufen und den entsprechenden Vorgang ausführen. Dieser Artikel zeigt, wie Sie Klicks mit JavaScript erhalten<li> Der Inhalt des Elements und übergeben es an die benutzerdefinierte Funktion.

Angenommen, wir haben eine einfache HTML -Liste:

<li>Tal <li>tan <li>John <li>Ralph

Ziel: Klicken Sie auf eine beliebte<li> Element erhält seinen Textinhalt und übergibt es als Argument an die Funktion.

Der folgende JavaScript -Code implementiert diese Funktion:

 window.onload = function () {
  lass listItems = document.getElementById ("test"). getElementsByTagName ("li");

  für (lass i = 0; i <listitems.length i listitems .onclick="function" sei value="this.innerhtml;" myfunktion funktion myfunction console.log wert f sie die aktion hinzu hier ben><p> Dieser Code bekommt zuerst alles<code><li></code> Elemente und dann jedes Element durchlaufen und den <code>onclick</code> -Event -Hörer hinzufügen. Klicken<code><li></code> <code>myFunction</code> <code>this.innerHTML</code> Element verwendet wird <code>value</code> <code>myFunction</code> ist eine Platzhalterfunktion, Sie können den erforderlichen Vorgängen entsprechend den tatsächlichen Bedürfnissen hinzufügen. Im Beispiel drucken wir einfach den Wert in die Konsole, die Sie durch die benötigten Aktion ersetzen können.</p></listitems.length>

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Inhalt eines Klicklistenelements und verwenden Sie ihn in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!