Dieses Mal zeige ich Ihnen, wie Sie JS zum Abrufen und Ändern der Eingabetextfelddaten verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung von JS zum Abrufen und Ändern der Eingabetextfelddaten? Werfen wir einen Blick darauf.
1 Einführung
Das Abrufen des Textfelds und das Ändern seines Inhalts kann mit der Methode getElementById()
erreicht werden. Die Methode
getElementById()
kann das HTML-Tag anhand der angegebenen ID abrufen und zurückgeben.
Syntax:
sElement=<a href="//m.sbmmt.com/code/658.html" target="_blank ">document<code>sElement=<a href="//m.sbmmt.com/code/658.html" target="_blank">document</a>.getElementById(id)
.getElementById(id)
sElement: wird verwendet, um ein von dieser Methode zurückgegebenes Objekt zu empfangen.
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>获取文本框并修改其内容</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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, achten Sie bitte darauf zu anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Wie man React-Komponenten höherer Ordnung verwendet
Wie man domänenübergreifende Probleme richtig löst Vue-Projekte
Das obige ist der detaillierte Inhalt vonSo erhalten und ändern Sie Eingabetextfelddaten mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!