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

<形對象