Dieses Mal bringe ich Ihnen JS zum Abrufen und Ändern des Eingabetextfelds. Was sind die Vorsichtsmaßnahmen für JS zum Abrufen und Ändern des Eingabetextfelds? z
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>获取文本框并修改其内容</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:
Sofortige Verwendung von Watch im Vue-Projekt
So verwenden Sie das Installations-Plug-in tatsächlich Projekte
Das obige ist der detaillierte Inhalt vonJS erhält ein geändertes Eingabetextfeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
