Формы документа HTML DOM
Пример
Количество элементов <form> в документе:
let num = document.forms.length;
Получите идентификатор первого элемента <form>:
let id = document.forms[0].id;
Получите идентификатор первого элемента <form>:
let id = document.forms.item(0).id;
Получите HTML-контент элемента <form> с id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Ниже приведены дополнительные примеры.
Определение и использование
Свойство formsвозвращает коллекцию всех элементов <form> в документе.
Свойство formsвозвращает HTMLCollection .
Свойство formsдоступно только для чтения.
HTMLКоллекция
HTMLCollection — это коллекция узлов HTML.
Доступ к узлам в коллекции можно получить по порядковым номерам. Индекс начинается с 0.
Свойство length возвращает количество элементов в коллекции.
Синтаксис
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> и вывести идентификатор каждой формы:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Использование коллекции form.elements для получения значения каждого элемента в форме:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Поддержка браузера
document.forms является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |