Neueste Web-Entwicklung Tutorials
 

HTML DOM bildet Sammlung

<Document Object

Beispiel

Finden Sie heraus , wie viele <form> Elemente es in dem Dokument sind:

var x = document.forms.length;

Das Ergebnis von x wird sein:

1
Versuch es selber "

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


Definition und Verwendung

Die Formularsammlung gibt eine Auflistung aller <form> -Elemente im Dokument.

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

Tipp: Verwenden Sie die Elemente Sammlung des Formularobjekt eine Sammlung aller Elemente in einer Form zurückzukehren.


Browser-Unterstützung

Sammlung
forms Ja Ja Ja Ja Ja

Syntax

document.forms

Eigenschaften

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

Hinweis: Diese Eigenschaft ist schreibgeschützt

Methods

Methode Beschreibung
[ index ] Gibt die <form> Element aus der Sammlung mit dem angegebenen Index (starts at 0) .

Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs
item( index ) Gibt die <form> Element aus der Sammlung 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 <form> Element aus der Sammlung mit der angegebenen ID.

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

Technische Details

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

Beispiele

Mehr Beispiele

Beispiel

[Index]

Holen Sie sich das ID des ersten <form> Elements (index 0) in dem Dokument:

var x = document.forms[0].id;

Das Ergebnis von x wird sein:

myCarForm
Versuch es selber "

Beispiel

item( index )

Holen Sie sich das ID des ersten <form> Elements (index 0) in dem Dokument:

var x = document.forms.item(0).id;

Das Ergebnis von x wird sein:

myCarForm
Versuch es selber "

Beispiel

namedItem( id )

Holen Sie sich den HTML - Inhalt des <form> Element mit id = "myForm" in dem Dokument:

var x = document.forms.namedItem("myCarForm").innerHTML;

Das Ergebnis von x wird sein:

Favorite Car:
Versuch es selber "

Beispiel

Schleife durch alle <form> -Elemente im Dokument, und geben die ID jeder Form:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

Das Ergebnis der txt wird:

myCarForm
myColorForm
Versuch es selber "

Beispiel

Mit Hilfe der Elemente Sammlung zusammen mit document.forms rgb zu erhalten (241, 241, 241); "> den Wert jedes Elements in der Form:

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}

Das Ergebnis von x wird sein:

Donald
Duck
Duckburg
Submit
Versuch es selber "

Verwandte Seiten

JavaScript - Referenz: HTML DOM Form Object

JavaScript - Referenz: Formular - Elemente Sammlung

HTML - Tutorial: HTML - Formulare

HTML - Referenz: HTML <form> tag


<Document Object