现在位置: 首页 > JavaScript 参考手册 > 正文

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 对象