Form elements 集合

HTML DOM Form オブジェクト

定義と使用法

elements フォーム内のすべての要素の集合が返されます。

注釈：ソースコード内での出現順序に基づいて要素が並べ替えられます。

注釈：elements 集合は <form> 元素内の全ての要素を返しますが、ドキュメント内の全ての <form> 元素を取得するには、別の方法を使用してください。 document.forms 集合。

例

例 1

指定された <form> 内の要素数を特定します：

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

自分で試してみてください

x の結果は：

3

ヒント：以下にさらに例を提供します。

文法

formObject.elements

属性

属性 説明
length

要素数を返します。

注釈：この属性は読み取り専用です。

メソッド

メソッド 説明
[index]

指定されたインデックスを持つ <form> 内の要素（0から始まる）を返します。

注釈：インデックス番号が範囲外の場合 null を返します。
item(index)

指定されたインデックスを持つ <form> 内の要素（0から始まる）を返します。

注釈：インデックス番号が範囲外の場合 null を返します。
namedItem(id)

指定された id を持つ <form> 内の要素を返します。

注釈：id が存在しない場合 null を返します。

技術的詳細

DOM バージョン： Core Level 2 Document Object
返り値：

HTMLFormsControlCollection オブジェクトは <form> 元素内の全ての要素を表します。

集合内の要素はソースコード内の順序でソートされます。

更多实例

例 2：[index]

表单内最初の要素（インデックス 0）の値を取得します：

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

自分で試してみてください

x の結果は：

Donald

例 3：item(index)

表单内最初の要素（インデックス 0）の値を取得します：

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

自分で試してみてください

x の結果は：

Donald

例 4：namedItem(id)

name="fname"の値を持つ表单内の要素の値を取得します：

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

自分で試してみてください

x の結果は：

Donald

例 5

表单内全ての要素をループして各要素の値を出力します：

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;

自分で試してみてください

x の結果は：

Donald
Duck
送信

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM Form オブジェクト