Verwenden Sie JS, um den Inhalt des Eingabetextfelds zu bearbeiten-js-Tutorial-php.cn

Verwenden Sie JS, um den Inhalt des Eingabetextfelds zu bearbeiten

php中世界最好的语言

Freigeben： 2018-05-02 09:48:11

Original

5985 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen für die Verwendung von JS zum Bearbeiten des Inhalts des Eingabetextfelds vorstellen.

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 zur chinesischen PHP-WebsiteAndere Ähnliche Artikel!

Empfohlene Lektüre:

Ausführliche Erklärung der Schritte zur Datenübergabe durch Requisiten

Was sind die grundlegenden Algorithmen von Js

So zeigen Sie Dokumentdatum und Dokumentgröße an und ändern sie

Das obige ist der detaillierte Inhalt vonVerwenden Sie JS, um den Inhalt des Eingabetextfelds zu bearbeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!