HTML DOM Form elements 集合
最后更新于：2022-03-26 22:21:44
Form elements 集合
Form 对象定义和用法
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;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;