Sammlung von Formularelementen
Beispiel
Finden Sie heraus, wie viele Elemente ein bestimmtes <form>-Element enthält:
var x = document.getElementById("myForm").elements.length;
Das Ergebnis von x ist:
3
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Elementesammlung gibt eine Sammlung aller Elemente in einem Formular zurück.
Hinweis: Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen.
Hinweis: Die Elements-Auflistung gibt alle Elemente innerhalb des <form>-Elements zurück, nicht alle <form>-Elemente im Dokument. Um alle <form>-Elemente im Dokument abzurufen, verwenden Sie stattdessen die document.forms- Sammlung.
Browser-Unterstützung
Collection | |||||
---|---|---|---|---|---|
elements | Yes | Yes | Yes | Yes | Yes |
Syntax
formObject.elements
Eigenschaften
Property | Description |
---|---|
length | Returns the number of elements in the <form> element. Note: This property is read-only |
Methoden
Method | Description |
---|---|
[index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
Technische Details
DOM-Version: | Dokumentobjekt der Kernebene 2 |
---|---|
Rückgabewert: | Ein HTMLFormsControlCollection-Objekt, das alle Elemente in einem <form>-Element darstellt. Die Elemente in der Sammlung werden so sortiert, wie sie im Quellcode erscheinen |
Mehr Beispiele
Beispiel
[ Inhaltsverzeichnis ]
Holen Sie sich den Wert des ersten Elements (Index 0) in einem Formular:
var x = document.getElementById("myForm").elements[0].value;
Das Ergebnis von x ist:
Donald
Beispiel
Artikel ( Index )
Holen Sie sich den Wert des ersten Elements (Index 0) in einem Formular:
var x = document.getElementById("myForm").elements.item(0).value;
Das Ergebnis von x ist:
Donald
Beispiel
NamedItem( id )
Holen Sie sich den Wert des Elements mit name="fname" in einem Formular:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
Das Ergebnis von x ist:
Donald
Beispiel
Durchlaufen Sie alle Elemente in einem Formular und geben Sie den Wert jedes Elements aus:
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 von txt wird sein:
Donald
Duck
Submit
❮ Formularobjekt