Elementy formularza Kolekcja
Przykład
Dowiedz się, ile elementów znajduje się w określonym elemencie <form>:
var x = document.getElementById("myForm").elements.length;
Wynikiem x będzie:
3
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Kolekcja elements zwraca kolekcję wszystkich elementów w formularzu.
Uwaga: elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym.
Uwaga: Kolekcja elements zwraca wszystkie elementy wewnątrz elementu <form>, a nie wszystkie elementy <form> w dokumencie. Aby pobrać wszystkie elementy <form> w dokumencie, użyj zamiast tego kolekcji document.forms .
Obsługa przeglądarki
| Collection | |||||
|---|---|---|---|---|---|
| elements | Yes | Yes | Yes | Yes | Yes |
Składnia
formObject.elements
Nieruchomości
| Property | Description |
|---|---|
| length | Returns the number of elements in the <form> element. Note: This property is read-only |
Metody
| 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 |
Szczegóły techniczne
| Wersja DOM: | Podstawowy obiekt dokumentu poziomu 2 |
|---|---|
| Wartość zwrotu: | Obiekt HTMLFormsControlCollection reprezentujący wszystkie elementy w elemencie <form>. Elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym |
Więcej przykładów
Przykład
[ indeks ]
Uzyskaj wartość pierwszego elementu (indeks 0) w postaci:
var x = document.getElementById("myForm").elements[0].value;
Wynikiem x będzie:
Donald
Przykład
pozycja ( indeks )
Uzyskaj wartość pierwszego elementu (indeks 0) w postaci:
var x = document.getElementById("myForm").elements.item(0).value;
Wynikiem x będzie:
Donald
Przykład
nazwany przedmiot ( id )
Pobierz wartość elementu z name="fname" w formularzu:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
Wynikiem x będzie:
Donald
Przykład
Przejdź przez wszystkie elementy w formularzu i wypisz wartość każdego elementu:
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;
Wynikiem txt będzie:
Donald
Duck
Submit
❮ Obiekt formularza