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;
尝试一下 »
Form 对象