Form elements sätet

HTML DOM Form objekt

Definition och användning

elements Sättet returnerar en samling av alla element i formuläret.

Kommentar:Element i sätet är sorterade efter deras ordning i källkoden.

Kommentar:elements-samlingen returnerar alla element inom <form>-elementet, inte alla <form>-element i dokumentet. För att få alla <form>-element i dokumentet, använd istället document.forms-samlingen.

Exempel

Exempel 1

Finna hur många element det finns i det specificerade <form>-elementet:

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

Prova själv

x resultat kommer att vara:

3

Tips:Mer exempel ges längre ner på sidan.

Syntax

formObject.elements

Egenskap

Egenskap Beskrivning
length

Returnerar antalet element i <form>-elementet.

Kommentar:Denna egenskap är skrivskyddad.

Metod

Metod Beskrivning
[index]

Returnerar elementet med det specificerade indexet i <form>-elementet (från 0).

Kommentar:Om indexnumret är utanför intervallet, returneras null.
item(index)

Returnerar elementet med det specificerade indexet i <form>-elementet (från 0).

Kommentar:Om indexnumret är utanför intervallet, returneras null.
namedItem(id)

Returnerar elementet med det specificerade id:et i <form>-elementet.

Kommentar:Om id inte finns, returneras null.

Tekniska detaljer

DOM-version: Core Level 2 Document Object
Returvärde:

HTMLFormsControlCollection-objektet representerar alla element i <form>-elementet.

Elementen i sammansättningen är sorterade efter deras förekomst i källkoden.

Mer exempel

Exempel 2: [index]

Hämta värdet för det första elementet i formuläret (index 0):

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

Prova själv

x resultat kommer att vara:

Donald

Exempel 3: item(index)

Hämta värdet för det första elementet i formuläret (index 0):

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

Prova själv

x resultat kommer att vara:

Donald

Exempel 4: namedItem(id)

Hämta värdet för elementet med name="fname" i formuläret:

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

Prova själv

x resultat kommer att vara:

Donald

Exempel 5

Genomgående variera alla element i formuläret och skriv ut värdet för varje element:

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

Prova själv

x resultat kommer att vara:

Donald
Duck
Submit

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML DOM Form objekt