ホームページ > 記事 > ウェブフロントエンド > JS は変更された入力テキスト ボックスを取得します
今回は入力テキストボックスを取得・変更するためのJSについて、実際のケースを見てみましょう。 z
この記事の例では、JS を使用して入力テキスト ボックスの内容を簡単に取得および変更する方法について説明します。参考として皆さんと共有してください。詳細は次のとおりです:
1 はじめに
テキスト ボックスの取得とその内容の変更は、getElementById()
メソッドを使用して実行できます。 getElementById()
方法来实现。
getElementById()
方法可以通过指定的id来获取HTML标记,并将其返回。
语法:
sElement=document.getElementById(id)
getElementById()
メソッドは、指定された ID で HTML タグを取得して返すことができます。 構文:
sElement=document.getElementById(id)
sElement: このメソッドによって返されたオブジェクトを受け取るために使用されます。 id
: 取得する必要がある HTML タグの ID 値を設定するために使用されます。 2番目のアプリケーションテキストボックスを取得し、その内容を変更します
ボタンをクリックすると、テキストボックスに「初期テキスト内容」が表示されます。ボックスが変更になります。 3 つのコード<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 サイトの他の関連記事を参照してください。