JavaScript DOM Form 对象 elements 集合

• 

  Form 对象 elements 属性

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

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

  注意： elements collection返回<form> 元素内的所有元素，而不是文档中的所有<form>元素。要获取文档中的所有<form>元素，请改用document.forms集合。

  找出指定的<form>元素中有多少元素：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  elements	支持	支持	支持	支持	支持

• 

  语法

  FormObject.elements
• 

  属性

  值	描述
  length	返回 元素中的元素数。注意：此属性是只读的

• 

  方法

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

• 

  技术细节

  项目	描述
  返回值	HTMLFormsControlCollection对象，表示<form>元素中的所有元素。集合中的元素按照它们在源代码中的显示进行排序

• 

  更多例子

  [指数] 获取表单中第一个元素（索引0）的值：

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

  尝试一下

  项目（索引）获取表单中第一个元素（索引0）的值：

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

  尝试一下

  namedItem（id）在表单中获取name =“fname”的元素的值：

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

  尝试一下

  遍历表单中的所有元素并输出每个元素的值：

  var x = document.getElementById("myForm");
  var txt = "";
  var i;
  for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "
  ";
  }
  document.getElementById("demo").innerHTML = txt;

  尝试一下