Form elements 集合

Form 對象參考手冊 Form 對象

實例

獲取 form 表單的元素數量:

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

嚐試一下 »

定義和用法

elements 集合以數組形式返回 form 表單所有的元素。

注意:集合中元素的排序是以源代碼出現的位置排列的。

注意:elements 集合返回所有 <form> 表單中的元素,而不是返回 HTML 文檔中所有的 <form> 元素。要獲取所有的 <form> 元素可以使用 document.forms 集合。

語法

formObject.elements

瀏覽器支持

集合
elements Yes Yes Yes Yes Yes

屬性

屬性 描述
length 返回 <form> 表單中所有元素的數量。

注意: 這個屬性是隻讀的。

方法

方法 描述
[index] 返回 <form> 表單中指定索引 (從 0 開始) 的元素。

注意: 如果索引值超過最大索(或者說超過指定區間)引值返回 null 。
item(index) 返回 <form> 表單中指定索引 (從 0 開始) 的元素。

注意: 如果索引值超過最大索(或者說超過指定區間)引值返回 null 。
namedItem(id) 返回 <form> 表單中指定 id 的元素。

注意: 如果 id 不存在 返回 null。

實例

實例

[index]

獲取 form 表單中第一個(索引為 0)元素的值:

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

嚐試一下 »

實例

item(index)

獲取 form 表單中第一個(索引為 0)元素的值:

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

嚐試一下 »

實例

循環輸出表單中每個元素的值:

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;

嚐試一下 »


Form 對象參考手冊 Form 對象