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>";
  }               
  

  尝试一下
• 

  相关页面

  HTML 参考 HTML <form> 标记

  HTML 教程 HTML 表单