html dom 表单集合用于以集合形式返回 html 文档中存在的所有表单元素。集合中的元素按照它们在 html 文档中出现的顺序进行排序和显示。
属性
以下是表单集合的属性 –
length它是一个只读属性，返回集合中
方法
以下是表单收集的方法 –
[index]从给定索引处的集合中返回 item(index)从给定索引处的集合。索引从 0 开始，如果索引超出范围，则返回 null。namedItem(id)从具有给定 id 的集合。如果 id 不存在，则返回 Null。
语法
以下是 HTML DOM 表单集合的语法 – p>
document.forms
示例
让我们看一下 HTML DOM 表单集合的示例 –
现场演示
立即学习“前端免费学习笔记（深入）”；
function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"
"; document.getElementById("Sample").innerHTML +=no; } }Forms collection example
Fruit Age Password:
Following are the form ids
输出
这将产生以下输出 –
单击“获取 IDS”按钮时 –
在上面的示例中 –
我们首先创建了三个 ID 为“FORM1”、“FORM2”的表单和“FORM3”。前两种形式具有文本类型的输入元素，第三种形式具有密码类型的输入元素 –
Fruit Age Password:
GET IDS 按钮在用户单击时执行 formCollect() 方法 –
formCollect() 方法获取 document.forms length 属性值（在我们的例子中为 3），并在 for 循环内的测试表达式中使用它。使用表单集合上的索引号，我们获取它们的 id 并将其附加到 id 为“Sample”的段落中用于显示 –
function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"
"; document.getElementById("Sample").innerHTML +=no; }}
以上就是HTML DOM表单集合的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1551476.html
微信扫一扫 
支付宝扫一扫 
