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

HTML DOMは、コレクションを形成して

<ドキュメントオブジェクト

どのように多くを見つける<form>文書である要素:

var x = document.forms.length;

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

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

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


定義と使用法

フォームのコレクションは、すべてのコレクションを返します<form>ドキュメント内の要素を。

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

ヒント:使用する要素のコレクションフォームオブジェクトをフォーム内のすべての要素のコレクションを返すこと。


ブラウザのサポート

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

構文

document.forms

プロパティ

プロパティ 説明
length 数を返します<form>コレクションの要素を。

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

メソッド

方法 説明
[ index ] 返し<form>指定されたインデックスを持つコレクションから要素(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
item( index ) 返し<form>指定されたインデックスを持つコレクションから要素(starts at 0)

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

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

技術的な詳細

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

例

その他の例

[ インデックス ]

最初のIDを取得し<form>要素(index 0)ドキュメント内の:

var x = document.forms[0].id;

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

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

item( index )

最初のIDを取得し<form>要素(index 0)ドキュメント内の:

var x = document.forms.item(0).id;

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

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

namedItem( id )

HTMLコンテンツを取得<form>文書のid =「あるmyForm」を持つ要素を:

var x = document.forms.namedItem("myCarForm").innerHTML;

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

Favorite Car:
»それを自分で試してみてください

全てをループ<form>ドキュメント内の要素、および出力の各形式のID:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

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

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

:> "形式の各要素の値を、RGB(241、241、241)を取得するdocument.formsとともに要素コレクションを使用

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

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

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

関連ページ

JavaScriptリファレンス: HTML DOMフォームオブジェクト

JavaScriptの参照: フォーム要素のコレクション

HTMLチュートリアル: HTMLフォーム

HTMLリファレンス: HTML <form>タグ


<ドキュメントオブジェクト