Zbiór elementów Form elements

Obiekt Form DOM HTML

Definicja i zastosowanie

elements Zbiór zwraca zbór wszystkich elementów formularza.

Komentarz:Elementy zbioru są sortowane według kolejności ich wystąpienia w kodzie źródłowym.

Komentarz:Zbiór elements zwraca wszystkie elementy wewnątrz <form>, a nie wszystkie <form> w dokumencie. Aby uzyskać wszystkie <form> w dokumencie, użyj zamiast tego. Zbiór document.forms.

Przykład

Przykład 1

Znajdź, ile elementów znajduje się w określonym <form>:

var x = document.getElementById("myForm").elements.length;

Spróbuj sam

Wynik x będzie:

3

Wskazówka:Więcej przykładów znajduje się na dole strony.

Gramatyka

formObject.elements

Atrybut

Atrybut Opis
length

Zwraca liczbę elementów w <form>.

Komentarz:Ta właściwość jest jedynie do odczytu.

Metoda

Metoda Opis
[index]

Zwraca element o określonym indeksie w <form> (zaczynając od 0).

Komentarz:Zwraca null, jeśli numer indeksu jest poza zakresem.
item(index)

Zwraca element o określonym indeksie w <form> (zaczynając od 0).

Komentarz:Zwraca null, jeśli numer indeksu jest poza zakresem.
namedItem(id)

Zwraca element o określonym id w <form>.

Komentarz:Zwraca null, jeśli id nie istnieje.

Szczegóły techniczne

Wersja DOM: Core Level 2 Document Object
Zwrócona wartość:

Obiekt HTMLFormsControlCollection, reprezentujący wszystkie elementy <form>.

Elementy w zbiorze są sortowane według kolejności ich wystąpienia w kodzie źródłowym.

Więcej przykładów

Przykład 2: [index]

Pobiera wartość pierwszego elementu formularza (indeks 0):

var x = document.getElementById("myForm").elements[0].value;

Spróbuj sam

Wynik x będzie:

Donald

Przykład 3: item(index)

Pobiera wartość pierwszego elementu formularza (indeks 0):

var x = document.getElementById("myForm").elements.item(0).value;

Spróbuj sam

Wynik x będzie:

Donald

Przykład 4: namedItem(id)

Pobiera wartość elementu o atrybucie name="fname" w formularzu:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

Spróbuj sam

Wynik x będzie:

Donald

Przykład 5

Przechodzi przez wszystkie elementy formularza i wyświetla 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;

Spróbuj sam

Wynik x będzie:

Donald
Duck
Wyślij

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt Form DOM HTML