最新のWeb開発のチュートリアル
 

フォーム要素のコレクション

<フォームオブジェクト

指定さにありますどのように多くの要素を見つける<form>要素:

var x = document.getElementById("myForm").elements.length;

xの結果は次のようになります。

3
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

要素のコレクションは、フォーム内のすべての要素のコレクションを返します。

Note:彼らはソースコードに表示されるコレクションの要素がソートされています。

注意:要素のコレクションは、すべての内部の要素を返します<form>要素ではなく、すべて<form>ドキュメント内の要素を。 すべて取得するには<form>ドキュメント内の要素は、使用document.formsの代わりにコレクションを。


ブラウザのサポート

コレクション
elements はい はい はい はい はい

構文

formObject .elements

プロパティ

プロパティ 説明
length 内の要素の数を返します<form>要素を。

注:このプロパティは読み取り専用です

メソッド

方法 説明
[ index ] 要素を返し<form>指定したインデックスを有する(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
item( index ) 要素を返し<form>指定したインデックスを有する(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
namedItem( id ) 内の要素を返します<form>指定されたIDを持ちます。

注意:idが存在しない場合はnullを返します。

技術的な詳細

DOMバージョン: コアレベル2ドキュメントオブジェクト
戻り値: 内のすべての要素を表すHTMLFormsControlCollectionオブジェクト、 <form>要素。 彼らはソースコードに表示されるコレクションの要素がソートされています

例

その他の例

[ インデックス ]

最初の要素の値を取得する(index 0)形で:

var x = document.getElementById("myForm").elements[0].value;

xの結果は次のようになります。

Donald
»それを自分で試してみてください

item( index )

最初の要素の値を取得する(index 0)形で:

var x = document.getElementById("myForm").elements.item(0).value;

xの結果は次のようになります。

Donald
»それを自分で試してみてください

namedItem( id )

形式の名前=「fnameに」を持つ要素の値を取得します。

var x = document.getElementById("myForm").elements.namedItem("fname").value;

xの結果は次のようになります。

Donald
»それを自分で試してみてください

フォームおよび出力の各要素の値のすべての要素をループ。

var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

TXTの結果は次のようになります。

Donald
Duck
Submit
»それを自分で試してみてください

<フォームオブジェクト