文档中 <form> 元素的数量:
let num = document.forms.length;
亲自试一试 »
获取第一个 <form> 元素的 id:
let id = document.forms[0].id;
亲自试一试 »
获取第一个 <form> 元素的 id:
let id = document.forms.item(0).id;
亲自试一试 »
获取 id="myCarForm" 的 <form> 元素的 HTML 内容:
let html = document.forms.namedItem("myCarForm").innerHTML;
亲自试一试 »
下面有更多示例。
这个forms
属性返回文档中所有 <form> 元素的集合。
这个forms
属性返回一个HTML集合。
这个forms
属性是只读的。
一个HTML集合是 HTML 元素的类似数组的集合(列表)。
集合中的元素可以通过索引(从 0 开始)访问。
长度属性返回集合中元素的数量。
document.forms
Property | Description |
length | The number of elements in the collection. |
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
类型 | 描述 |
对象 | HTMLCollection 对象。 文档中的所有 <form> 元素。 按照源代码中的显示顺序排序 |
循环遍历所有 <form> 元素并输出每个表单的 id:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
亲自试一试 »
使用表单元素集合要得到表格中每个元素的值:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
亲自试一试 »
document.forms
是 DOM Level 1 (1998) 功能。
所有浏览器都完全支持它:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!