HTML DOM Form elements 集合

晚间偷亲

Form elements 集合


获取 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;


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码