Form elements set

HTML DOM Form object

Definition and usage

elements The set returns a collection of all elements in the form.

Opmerking:The elements in the set are sorted in the order they appear in the source code.

Opmerking:De elements verzameling retourneert alle elementen binnen het <form>-element, niet alle <form>-elementen in het document. Gebruik liever een andere methode om alle <form>-elementen in het document op te halen. document.forms verzameling.

Voorbeeld

Voorbeeld 1

Vind hoeveel elementen er in het opgegeven <form>-element zijn:

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

Try it yourself

The result of x will be:

3

Tip:Meer voorbeelden worden onderaan de pagina aangeboden.

Syntaxis

formObject.elements

Eigenschap

Eigenschap Beschrijving
lengte

Retourneert het aantal elementen in het <form>-element.

Opmerking:Dit eigenschap is alleen lezen.

Methode

Methode Beschrijving
[index]

Retourneert het element met de opgegeven index in <form> (beginnend bij 0).

Opmerking:Retourneert null als het indexnummer buiten bereik is.
item(index)

Retourneert het element met de opgegeven index in <form> (beginnend bij 0).

Opmerking:Retourneert null als het indexnummer buiten bereik is.
namedItem(id)

Retourneert het element met het opgegeven id in <form>.

Opmerking:Retourneert null als het id niet bestaat.

Technische details

DOM versie: Core Level 2 Document Object
Retourwaarde:

HTMLFormsControlCollection object, dat alle elementen in het <form>-element vertegenwoordigt.

De elementen in de verzameling zijn gesorteerd op de manier waarop ze in de broncode verschijnen.

Meer voorbeelden

Voorbeeld 2: [index]

Haal de waarde van het eerste element in het formulier (index 0) op:

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

Try it yourself

The result of x will be:

Donald

Voorbeeld 3: item(index)

Haal de waarde van het eerste element in het formulier (index 0) op:

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

Try it yourself

The result of x will be:

Donald

Voorbeeld 4: namedItem(id)

Haal de waarde van het element met name="fname" in het formulier op:

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

Try it yourself

The result of x will be:

Donald

Voorbeeld 5

Loop door alle elementen in het formulier en geef de waarde van elk element weer:

var x = document.getElementById("myForm");
var txt = "";
var i;
voor (i = 0; i < x.lengte; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

Try it yourself

The result of x will be:

Donald
Duck
Submit

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Form object