最新的Web开发教程
 

表单元素集合

<形对象

找出多少元件有在指定的<form>元素:

var x = document.getElementById("myForm").elements.length;

x的结果将是:

3
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

这些元素集合返回表单中所有元素的集合。

Note:因为它们出现在源代码的集合中的元素进行排序。

注意:元件集合返回内部的所有元素 <form>元素,不是所有的<form>所述文档中的元素。 要获得所有<form>的文档中的元素,使用document.forms集合来代替。


浏览器支持

采集
elements

句法

formObject .elements

属性

属性 描述
length 返回该元素的数量<form>元素。

注:该属性为只读

方法

方法 描述
[ index ] 返回在元件<form>具有指定索引(starts at 0)

注:如果索引数量超出范围,则返回null
item( index ) 返回在元件<form>具有指定索引(starts at 0)

注:如果索引数量超出范围,则返回null
namedItem( id ) 返回在元件<form>与指定的ID。

注:如果ID不存在,则返回null

技术细节

DOM版本: 酷睿2级文档对象
返回值: 一个HTMLFormsControlCollection对象,表示在所有元素<form>元素。 当它们出现在源代码的集合中的元素进行排序

例子

更多示例

[ 索引 ]

得到的第一个元素的值(index 0)的形式:

var x = document.getElementById("myForm").elements[0].value;

x的结果将是:

Donald
试一试»

item( index )

得到的第一个元素的值(index 0)的形式:

var x = document.getElementById("myForm").elements.item(0).value;

x的结果将是:

Donald
试一试»

namedItem( id )

获取与窗体名称=“FNAME”元素的值:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

x的结果将是:

Donald
试一试»

通过在形式和输出的每个元素的值的所有元素循环:

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的结果将是:

Donald
Duck
Submit
试一试»

<形对象