suchen

Heim >Web-Frontend >js-Tutorial >JS erhält ein geändertes Eingabetextfeld

JS erhält ein geändertes Eingabetextfeld

php中世界最好的语言
php中世界最好的语言Original
2018-06-09 15:49:311345Durchsuche

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!

php html JS 对象 input
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Problem mit dem Verschieben außerhalb der Leinwand über einen Teil im Mui-Framework hinausNächster Artikel：Problem mit dem Verschieben außerhalb der Leinwand über einen Teil im Mui-Framework hinaus

In Verbindung stehende Artikel

Mehr sehen