Derniers tutoriels de développement web
 

Les éléments de formulaire Collection

<Object forme

Exemple

Découvrez combien d'éléments il y a dans un spécifié <form> élément:

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

Le résultat de x sera:

3
Essayez vous - même »

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


Définition et utilisation

La collection des éléments renvoie une collection de tous les éléments dans un formulaire.

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

Note: La collection d'éléments renvoie tous les éléments à l' intérieur du <form> élément, tous les <form> éléments du document. Pour obtenir tous les <form> éléments dans le document, utilisez la document.forms collection à la place.


Support du navigateur

Collection
elements Oui Oui Oui Oui Oui

Syntaxe

formObject .elements

Propriétés

Propriété La description
length Renvoie le nombre d'éléments dans la balise <form> élément.

Note: Cette propriété est en lecture seule

méthodes

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

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

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

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

Détails techniques

DOM Version: Niveau Core 2 document objet
Valeur de retour: Un objet HTMLFormsControlCollection, représentant tous les éléments dans une balise <form> élément. Les éléments de la collection sont classés comme ils apparaissent dans le code source

Exemples

autres exemples

Exemple

[Index]

Obtenir la valeur du premier élément (index 0) sous une forme:

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

Le résultat de x sera:

Donald
Essayez vous - même »

Exemple

item( index )

Obtenir la valeur du premier élément (index 0) sous une forme:

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

Le résultat de x sera:

Donald
Essayez vous - même »

Exemple

namedItem( id )

Obtenez la valeur de l'élément avec name = « fname » sous une forme:

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

Le résultat de x sera:

Donald
Essayez vous - même »

Exemple

Boucle à travers tous les éléments de la forme et de sortie la valeur de chaque élément:

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;

Le résultat de txt sera:

Donald
Duck
Submit
Essayez vous - même »

<Object forme