今回は、JSを使用して入力テキストボックスのデータを取得および変更する方法を説明します。 JSを使用して入力テキストボックスのデータを取得および変更する場合の注意事項を実際のケースで見てみましょう。 。
1 はじめに
テキスト ボックスの取得とその内容の変更は、getElementById()
メソッドを使用して実行できます。 getElementById()
方法来实现。
getElementById()
方法可以通过指定的id来获取HTML标记,并将其返回。
语法:
sElement=<a href="http://www.php.cn/code/658.html" target="_blank">document</a>.getElementById(id)
getElementById()
メソッドは、指定された ID で HTML タグを取得して返すことができます。 構文:
sElement=<a href="http://www.php.cn/code/658.html" target="_blank">document</a>
.getElementById(id)
sElement: このメソッドによって返されるオブジェクトを受け取るために使用されます。
id: 取得する必要がある HTML タグの ID 値を設定するために使用されます。
2番目のアプリケーションテキストボックスを取得し、その内容を変更します
ボタンをクリックすると、テキストボックスに「初期テキスト内容」が表示されます。ボックスが変更になります。
<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>
以上がJSを使用して入力テキストボックスのデータを取得および変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。