Heim > Artikel > Web-Frontend > Beispiel einer einfachen JS-Methode zum Abrufen und Ändern des Inhalts des Eingabetextfelds
In diesem Artikel wird hauptsächlich die Methode von JS zum einfachen Abrufen und Ändern des Inhalts des Eingabetextfelds vorgestellt und die zugehörigen Bedienfähigkeiten von JavaScript für Seitenelemente wie Erfassung und Zuweisung anhand von Beispielen analysiert beziehen Sie sich darauf
Das Beispiel in diesem Artikel beschreibt, wie Sie den Inhalt des Eingabetextfelds einfach mit JS abrufen und ändern können. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Einführung
Sie können die getElementById()
-Methode verwenden, um das zu erhalten Textfeld und ändern Sie dessen Inhalt. Die Methode
getElementById()
kann das HTML-Tag anhand der angegebenen ID abrufen und zurückgeben.
Syntax:
sElement=document.getElementById(id)
sElement: wird zum Empfangen eines von dieser Methode zurückgegebenen Objekts verwendet.
id: wird verwendet, um den ID-Wert festzulegen, der vom HTML-Tag abgerufen werden muss.
Zweite Anwendung
Textfeld abrufen und Inhalt ändern
wird im Textfeld nach der Seite angezeigt „Anfänglicher Textinhalt“ geladen ist, wird der Inhalt im Textfeld geändert, wenn auf die Schaltfläche geklickt wird.
Drei Codes
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.jb51.net 获取文本框并修改其内容</title> </head> <body> <script language="javascript"> <!-- function c1() { var t=document.getElementById("txt"); t.value="www.jb51.net 修改文本内容" } --> </script> <input type="text" id="txt" value="初始文本内容" size="30"/> <input type="button" value="更改文本内容" name="btn" onclick="c1();" /> </body> </html>
Vier Laufergebnisse
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
Serverseitige Konfiguration zur Implementierung einer domänenübergreifenden AJAX-Anfrage
Ajax Get Request Cache Processing Solution
Lernen Sie AJAX von Grund auf und erstellen Sie ein automatisch verifiziertes Formular
Das obige ist der detaillierte Inhalt vonBeispiel einer einfachen JS-Methode zum Abrufen und Ändern des Inhalts des Eingabetextfelds. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!