Neueste Web-Entwicklung Tutorials
 

Form-Elemente Sammlung

<Form Object

Beispiel

Finden Sie heraus , wie viele Elemente es in einem bestimmten ist <form> Element:

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

Das Ergebnis von x wird sein:

3
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die Elemente Sammlung gibt eine Auflistung aller Elemente in einem Formular.

Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.

Hinweis: Die Elemente Sammlung gibt alle Elemente innerhalb des <form> Elements, nicht alle <form> -Elemente im Dokument. Um alle zu bekommen <form> -Elemente im Dokument, verwenden Sie die document.forms Sammlung statt.


Browser-Unterstützung

Sammlung
elements Ja Ja Ja Ja Ja

Syntax

formObject .elements

Eigenschaften

Eigentum Beschreibung
length Gibt die Anzahl der Elemente in dem <form> Elemente.

Hinweis: Diese Eigenschaft ist schreibgeschützt

Methods

Methode Beschreibung
[ index ] Gibt das Element in <form> mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
item( index ) Gibt das Element in <form> mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
namedItem( id ) Gibt das Element in <form> mit der angegebenen ID.

Hinweis: Gibt null zurück , wenn die ID nicht existiert

Technische Details

DOM Version: Core Level 2 Document Object
Rückgabewert: Ein HTMLFormsControlCollection Objekt, stellvertretend für alle Elemente in einem <form> Elemente. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen

Beispiele

Mehr Beispiele

Beispiel

[Index]

Gibt den Wert des ersten Elements (index 0) in einer Form:

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

Das Ergebnis von x wird sein:

Donald
Versuch es selber "

Beispiel

item( index )

Gibt den Wert des ersten Elements (index 0) in einer Form:

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

Das Ergebnis von x wird sein:

Donald
Versuch es selber "

Beispiel

namedItem( id )

Erhalten Sie den Wert des Elements mit name = „fname“ in einer Form:

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

Das Ergebnis von x wird sein:

Donald
Versuch es selber "

Beispiel

Schleife durch alle Elemente in einer Form und Ausgabe der Wert jedes Elements:

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;

Das Ergebnis der txt wird:

Donald
Duck
Submit
Versuch es selber "

<Form Object