表單 元素 集合
示例
查詢指定 <form> 元素中有多少個元素
var x = document.getElementById("myForm").elements.length;
x 的結果將是
3
自己動手試一試 »
更多“自己嘗試”的例子見下文。
描述
elements 集合返回表單中所有元素的集合。
注意： 集合中的元素按它們在原始碼中出現的順序排序。
注意: elements 集合返回 <form> 元素內的所有元素，而不是文件中的所有 <form> 元素。要獲取文件中的所有 <form> 元素，請改用 document.forms 集合。
瀏覽器支援
| 集合 | |||||
|---|---|---|---|---|---|
| 元素 | 是 | 是 | 是 | 是 | 是 |
語法
formObject.elements
屬性
| 屬性 | 描述 |
|---|---|
| length | 返回 <form> 元素中的元素數量。 注意： 此屬性為只讀 |
方法
| 方法 | 描述 |
|---|---|
| [index] | 返回 <form> 中指定索引（從 0 開始）的元素。 注意：如果索引號超出範圍，則返回 null。 |
| item(index) | 返回 <form> 中指定索引（從 0 開始）的元素。 注意：如果索引號超出範圍，則返回 null。 |
| namedItem(id) | 返回 <form> 中指定 ID 的元素。 注意：如果 id 不存在，則返回 null。 |
技術詳情
| DOM 版本 | 核心級別 2 文件物件 |
|---|---|
| 返回值 | 一個 HTMLFormsControlCollection 物件，表示 <form> 元素中的所有元素。集合中的元素按它們在原始碼中出現的順序排序。 |
更多示例
示例
[index]
獲取表單中第一個元素（索引為 0）的值
var x = document.getElementById("myForm").elements[0].value;
x 的結果將是
唐老鴨
自己動手試一試 »
示例
item(index)
獲取表單中第一個元素（索引為 0）的值
var x = document.getElementById("myForm").elements.item(0).value;
x 的結果將是
唐老鴨
自己動手試一試 »
示例
namedItem(id)
獲取表單中 name="fname" 的元素的值
var x = document.getElementById("myForm").elements.namedItem("fname").value;
x 的結果將是
唐老鴨
自己動手試一試 »
示例
迴圈遍歷表單中的所有元素並輸出每個元素的值
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 的結果將是
唐老鴨
鴨子
提交
自己動手試一試 »
❮ 表單物件
