Derniers tutoriels de développement web
 

HTML DOM forme Collection

<Document Object

Exemple

Découvrez combien de <form> éléments , il y a dans le document:

var x = document.forms.length;

Le résultat de x sera:

1
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

La collection forme retourne une collection de tous les <form> éléments du document.

Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.

Astuce: Utilisez les éléments collection de l' objet formulaire pour retourner une collection de tous les éléments sous une forme.


Support du navigateur

Collection
forms Oui Oui Oui Oui Oui

Syntaxe

document.forms

Propriétés

Propriété La description
length Retourne le nombre de <form> éléments de la collection.

Note: Cette propriété est en lecture seule

méthodes

méthode La description
[ index ] Renvoie la <form> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
item( index ) Renvoie la <form> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
namedItem( id ) Retourne la balise <form> élément de la collection avec l'id spécifié.

Note: Retourne null si l'identifiant n'existe pas

Détails techniques

DOM Version: Niveau de base 1 Document Object
Valeur de retour: Un objet HTMLCollection, représentant tous les <form> éléments du document. Les éléments de la collection sont classés comme ils apparaissent dans le code source

Exemples

autres exemples

Exemple

[Index]

Obtenez l'ID de la première <form> élément (index 0) dans le document:

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

Le résultat de x sera:

myCarForm
Essayez vous - même »

Exemple

item( index )

Obtenez l'ID de la première <form> élément (index 0) dans le document:

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

Le résultat de x sera:

myCarForm
Essayez vous - même »

Exemple

namedItem( id )

Obtenez le contenu HTML de la balise <form> élément avec id = « myForm » dans le document:

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

Le résultat de x sera:

Favorite Car:
Essayez vous - même »

Exemple

Boucle à travers tous les <form> éléments dans le document, et la sortie de l'ID de chaque forme:

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

Le résultat de txt sera:

myCarForm
myColorForm
Essayez vous - même »

Exemple

Utilisation de la collection d'éléments en même temps que document.forms pour obtenir rgb (241, 241, 241); "> la valeur de chaque élément sous la forme:

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

Le résultat de x sera:

Donald
Duck
Duckburg
Submit
Essayez vous - même »

Pages associées

JavaScript référence: HTML DOM formulaire Object

Référence JavaScript: éléments de formulaire Collection

Tutoriel HTML: formulaires HTML

Référence HTML: HTML <form> balise


<Document Object