フォーム要素コレクション
例
指定された<form>要素に含まれる要素の数を調べます。
var x = document.getElementById("myForm").elements.length;
xの結果は次のようになります。
3
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
elementsコレクションは、フォーム内のすべての要素のコレクションを返します。
注:コレクション内の要素は、ソースコードに表示されるとおりに並べ替えられます。
注: elementsコレクションは、ドキュメント内のすべての<form>要素ではなく、<form>要素内のすべての要素を返します。ドキュメント内のすべての<form>要素を取得するには、代わりにdocument.formsコレクションを使用します。
ブラウザのサポート
Collection | |||||
---|---|---|---|---|---|
elements | Yes | Yes | Yes | Yes | Yes |
構文
formObject.elements
プロパティ
Property | Description |
---|---|
length | Returns the number of elements in the <form> element. Note: This property is read-only |
メソッド
Method | Description |
---|---|
[index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
技術的な詳細
DOMバージョン: | コアレベル2ドキュメントオブジェクト |
---|---|
戻り値: | <form>要素のすべての要素を表すHTMLFormsControlCollectionオブジェクト。コレクション内の要素は、ソースコードに表示されるとおりに並べ替えられます |
その他の例
例
[インデックス]
次の形式で最初の要素(インデックス0)の値を取得します。
var x = document.getElementById("myForm").elements[0].value;
xの結果は次のようになります。
Donald
例
item(インデックス)
次の形式で最初の要素(インデックス0)の値を取得します。
var x = document.getElementById("myForm").elements.item(0).value;
xの結果は次のようになります。
Donald
例
namedItem(id)
name = "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
❮フォームオブジェクト