JavaScript HTML DOM forms 集合

HTML DOM forms 集合

document.forms集合返回文档中所有<forms>元素的集合。

注意：集合中的元素按源代码中的显示进行排序。

实例：

找出文档中有多少<form>元素：

var x = document.forms.length;

尝试一下

项	IE/Edge	Chrome	FireFox	Safari	Opera
集合
forms	支持	支持	支持	支持	支持

document.forms

属性	描述
length	返回集合中<form>元素的数量。注意：此属性是只读的

方法	描述
[index]	返回具有指定索引的集合中的<form>元素（从0开始）。注意：如果索引号超出范围，则返回null
item(index)	返回具有指定索引的集合中的<form>元素（从0开始）。注意<：如果索引号超出范围，则返回null
namedItem(id)	返回具有指定标识的集合中的<form>元素。注意：如果id不存在，则返回null

项目	描述
返回值：	一个HTMLCollection对象，表示文档中的所有<form>元素。集合中的元素按照它们在源代码中的显示进行排序
DOM版本	Core Level 1

获取文档中第一个<form>元素（索引0）的id：

var x = document.forms[0].id;

尝试一下

获取文档中第一个<form>元素（索引0）的id：

var x = document.forms.item(0).id;

尝试一下

在文档中获取id =“myCarForm”的<form>元素的HTML内容：

var x = document.forms.namedItem("myCarForm").innerHTML;

尝试一下

遍历文档中的所有<form>元素，并输出每个表单的id：

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x[i].id + "<br>";
}

尝试一下

将elements集合与document.forms一起使用以获取表单中每个元素的值：

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}

尝试一下