Raccolta degli elementi del modulo Form

Oggetto Form DOM HTML

Definizione e uso

elements La raccolta restituisce la raccolta di tutti gli elementi del modulo.

Nota:Gli elementi della raccolta sono ordinati secondo l'ordine in cui compaiono nel codice sorgente.

Nota:La raccolta elements restituisce tutti gli elementi all'interno dell'elemento <form>, non tutti gli elementi <form> nel documento. Per ottenere tutti gli elementi <form> nel documento, utilizzare Raccolta document.forms.

Esempio

Esempio 1

Trova quante elementi ci sono nel <form> specificato:

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

Prova direttamente

Il risultato di x sarà:

3

Suggerimento:Più esempi sono forniti nella pagina inferiore.

Sintassi

formObject.elements

Proprietà

Proprietà Descrizione
length

Restituisce il numero di elementi dell'elemento <form>.

Nota:Questa proprietà è sola lettura.

Metodo

Metodo Descrizione
[index]

Restituisce l'elemento con lo specifico indice nel <form> (inizialmente 0).

Nota:Se il numero dell'indice è fuori gamma, viene restituito null.
item(index)

Restituisce l'elemento con lo specifico indice nel <form> (inizialmente 0).

Nota:Se il numero dell'indice è fuori gamma, viene restituito null.
namedItem(id)

Restituisce l'elemento con lo specifico id presente nel <form>.

Nota:Se l'id non esiste, viene restituito null.

Dettagli tecnici

Versione DOM: Document Object Model Livello 2
Ritorna il valore:

L'oggetto HTMLFormsControlCollection rappresenta tutti gli elementi dell'elemento <form>.

Gli elementi della raccolta sono ordinati secondo la loro posizione nell'HTML sorgente.

Più esempi

Esempio 2: [index]

Ottenere il valore del primo elemento del modulo (indice 0):

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

Prova direttamente

Il risultato di x sarà:

Donald

Esempio 3: item(index)

Ottenere il valore del primo elemento del modulo (indice 0):

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

Prova direttamente

Il risultato di x sarà:

Donald

Esempio 4: namedItem(id)

Ottenere il valore dell'elemento con name="fname" nel modulo:

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

Prova direttamente

Il risultato di x sarà:

Donald

Esempio 5

Eseguire un ciclo per esplorare tutti gli elementi del modulo e stampare il valore di ciascun elemento:

var x = document.getElementById("myForm");
var txt = "";
var i;
per (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

Prova direttamente

Il risultato di x sarà:

Donald
Duck
Invia

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Form DOM HTML