表单 元素 集合
示例
查找指定 <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 的结果将是
唐老鸭
鸭子
提交
自己动手试一试 »
❮ 表单对象
