JavaScript でテキスト入力フィールドの値を取得するにはどうすればよいですか?

JavaScript でテキスト入力フィールドの値を取得する方法

HTML フォームを使用せずにテキスト フィールドから入力値を取得するには、いくつかの方法がありますJavaScript で使用できます。

方法 1 (getElementById)

document.getElementById('searchTxt').value;

メソッド 2 (getElementsByClassName)

document.getElementsByClassName('searchField')[0].value;

メソッド 3 (getElementsByTagName)

document.getElementsByTagName('input')[0].value;

メソッド 4 (getElementsByName)

document.getElementsByName('searchTxt')[0].value;

メソッド 5/6 (querySelector/querySelectorAll)

// Use unique identifier, class, tag, or attribute selection
document.querySelector('input[type="text"]').value;

注: メソッド 2、3、4、および 6 は要素のコレクションを返します。特定の要素にアクセスするには、数値インデックスを使用します。

ブラウザのサポート

次の表は、これらのメソッドのブラウザ サポートの概要を示しています。

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Buggy	No	Yes	Buggy	No
IE7	Buggy	No	Yes	Buggy	No
IE8	Yes	No	Yes	Buggy	Yes
IE9	Yes	Yes	Yes	Buggy	Yes
IE10	Yes	Yes	Yes	Yes	Yes
FF 3.0	Yes	Yes	Yes	Yes	No
FF 3.5/3.6	Yes	Yes	Yes	Yes	Yes
FF 4b1	Yes	Yes	Yes	Yes	Yes
GC4/GC5	Yes	Yes	Yes	Yes	Yes
Safari 4/5	Yes	Yes	Yes	Yes	Yes
Opera 10.10/	No	No	No	No	No
Opera 10.53/	Yes	Yes	Yes	Buggy	Yes
Opera 10.60	No	No	No	No	No
Opera 12	Yes	Yes	Yes	Yes	Yes

以上がJavaScript でテキスト入力フィールドの値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。