Gli ultimi tutorial di sviluppo web
 

elementi del modulo Collection

<Form Object

Esempio

Scoprire quanti elementi ci sono in un determinato <form> elemento:

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

Il risultato di x sarà:

3
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

La collezione elementi restituisce un insieme di tutti gli elementi in un modulo.

Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.

Nota: La collezione di elementi restituisce tutti gli elementi all'interno del <form> elemento, non tutti <form> elementi nel documento. Per ottenere tutto <form> elementi nel documento, usa il document.forms invece collezione.


Supporto browser

Collezione
elements

Sintassi

formObject .elements

Proprietà

Proprietà Descrizione
length Restituisce il numero di elementi nel <form> elemento.

Nota: questa proprietà è di sola lettura

metodi

Metodo Descrizione
[ index ] Restituisce l'elemento <form> con l'indice specificato (starts at 0) .

Nota: Restituisce null se il numero di indice è fuori portata
item( index ) Restituisce l'elemento <form> con l'indice specificato (starts at 0) .

Nota: Restituisce null se il numero di indice è fuori portata
namedItem( id ) Restituisce l'elemento in <form> con l'ID specificato.

Nota: restituisce null se l'ID non esiste

Dettagli tecnici

DOM Versione: Nucleo livello di oggetto di documento 2
Valore di ritorno: Un oggetto HTMLFormsControlCollection, che rappresentano tutti gli elementi in un <form> elemento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente

Esempi

Altri esempi

Esempio

[Index]

Ottenere il valore del primo elemento (index 0) in forma:

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

Il risultato di x sarà:

Donald
Prova tu stesso "

Esempio

item( index )

Ottenere il valore del primo elemento (index 0) in forma:

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

Il risultato di x sarà:

Donald
Prova tu stesso "

Esempio

namedItem( id )

Prendi il valore dell'elemento con name = "fname" in una forma:

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

Il risultato di x sarà:

Donald
Prova tu stesso "

Esempio

Scorrere tutti gli elementi di una forma e di uscita il valore di ogni elemento:

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;

Il risultato di txt sarà:

Donald
Duck
Submit
Prova tu stesso "

<Form Object