最新的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
試一試»

例

與document.forms一起使用的元素集合來獲得RGB（241，241，241）;“>形式的每個元素的值：

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>標記

<文檔對象