So erhalten und ändern Sie Eingabetextfelddaten mit JS-js-Tutorial-php.cn

So erhalten und ändern Sie Eingabetextfelddaten mit JS

php中世界最好的语言

Freigeben： 2018-05-26 14:26:50

Original

3996 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!