Formularze dokumentów HTML DOM
Przykład
Liczba elementów <form> w dokumencie:
let num = document.forms.length;
Pobierz identyfikator pierwszego elementu <form>:
let id = document.forms[0].id;
Pobierz identyfikator pierwszego elementu <form>:
let id = document.forms.item(0).id;
Pobierz zawartość HTML elementu <form> z id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość forms
zwraca kolekcję wszystkich elementów <form> w dokumencie.
Właściwość forms
zwraca HTMLCollection .
Właściwość forms
jest tylko do odczytu.
Zobacz też:
Wskazówka:
Użyj kolekcji Elementy formularzy, aby zwrócić wszystkie elementy w formularzu.
Kolekcja HTML
HTMLCollection to kolekcja węzłów HTML.
Dostęp do węzłów w kolekcji można uzyskać za pomocą numerów indeksu. Indeks zaczyna się od 0.
Właściwość length zwraca liczbę elementów w kolekcji.
Składnia
document.forms
Nieruchomości
Property | Description |
length | The number of elements in the collection. |
Metody
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. |
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Obiekt HTMLCollection . Wszystkie elementy <form> w dokumencie. Posortowane tak, jak pojawiają się w kodzie źródłowym |
Więcej przykładów
Przejdź przez wszystkie elementy <form> i wypisz identyfikator każdego formularza:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Korzystając z kolekcji form.elements, aby uzyskać wartość każdego elementu w formularzu:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Obsługa przeglądarki
document.forms
jest funkcją DOM Level 1 (1998).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |