Heim >Web-Frontend >js-Tutorial >So erhalten und ändern Sie Eingabetextfelddaten mit JS

So erhalten und ändern Sie Eingabetextfelddaten mit JS

php中世界最好的语言Original: 2018-05-26 14:26:504091Durchsuche

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="http://www.php.cn/code/658.html" target="_blank ">document<code>sElement=<a href="http://www.php.cn/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!

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：JavaScript implementiert einen einfachen dynamischen FortschrittsbalkeneffektNächster Artikel：JavaScript implementiert einen einfachen dynamischen Fortschrittsbalkeneffekt

In Verbindung stehende Artikel

Mehr sehen