Коллекция элементов формы
Пример
Узнайте, сколько элементов содержится в указанном элементе <form>:
var x = document.getElementById("myForm").elements.length;
Результатом х будет:
3
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Коллекция elements возвращает коллекцию всех элементов формы.
Примечание . Элементы в коллекции сортируются так, как они появляются в исходном коде.
Примечание. Коллекция elements возвращает все элементы внутри элемента <form>, а не все элементы <form> в документе. Чтобы получить все элементы <form> в документе, используйте коллекцию document.forms .
Поддержка браузера
| Collection | |||||
|---|---|---|---|---|---|
| elements | Yes | Yes | Yes | Yes | Yes |
Синтаксис
formObject.elements
Характеристики
| Property | Description |
|---|---|
| length | Returns the number of elements in the <form> element. Note: This property is read-only |
Методы
| Method | Description |
|---|---|
| [index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
Технические детали
| Версия ДОМ: | Базовый объект документа уровня 2 |
|---|---|
| Возвращаемое значение: | Объект HTMLFormsControlCollection, представляющий все элементы в элементе <form>. Элементы в коллекции сортируются так, как они появляются в исходном коде. |
Дополнительные примеры
Пример
[ индекс ]
Получить значение первого элемента (индекс 0) в форме:
var x = document.getElementById("myForm").elements[0].value;
Результатом х будет:
Donald
Пример
элемент ( индекс )
Получить значение первого элемента (индекс 0) в форме:
var x = document.getElementById("myForm").elements.item(0).value;
Результатом х будет:
Donald
Пример
именованный элемент ( идентификатор )
Получите значение элемента с name="fname" в форме:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
Результатом х будет:
Donald
Пример
Перебрать все элементы в форме и вывести значение каждого элемента:
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;
Результатом txt будет:
Donald
Duck
Submit
❮ Объект формы