Gli ultimi tutorial di sviluppo web
 

HTML DOM moduli di raccolta

<Document Object

Esempio

Scopri quanti <form> elementi ci sono nel documento:

var x = document.forms.length;

Il risultato di x sarà:

1
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

La collezione forme restituisce un insieme di tutte le <form> elementi nel documento.

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

Suggerimento: utilizzare l'elementi collezione del dell'oggetto Form per restituire un insieme di tutti gli elementi in una forma.


Supporto browser

Collezione
forms

Sintassi

document.forms

Proprietà

Proprietà Descrizione
length Restituisce il numero di <form> elementi della collezione.

Nota: questa proprietà è di sola lettura

metodi

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

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

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

Nota: restituisce null se l'ID non esiste

Dettagli tecnici

DOM Versione: Nucleo livello di oggetto di documento 1
Valore di ritorno: Un oggetto HTMLCollection, in rappresentanza di tutti <form> elementi nel documento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente

Esempi

Altri esempi

Esempio

[Index]

Ottenere l'id del primo <form> elemento (index 0) nel documento:

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

Il risultato di x sarà:

myCarForm
Prova tu stesso "

Esempio

item( index )

Ottenere l'id del primo <form> elemento (index 0) nel documento:

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

Il risultato di x sarà:

myCarForm
Prova tu stesso "

Esempio

namedItem( id )

Prendi il contenuto HTML del <form> elemento con id = "myForm" nel documento:

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

Il risultato di x sarà:

Favorite Car:
Prova tu stesso "

Esempio

Scorrere tutti <form> elementi nel documento, e l'uscita l'id di ogni forma:

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

Il risultato di txt sarà:

myCarForm
myColorForm
Prova tu stesso "

Esempio

Utilizzando l'insieme elementi con document.forms ottenere rgb (241, 241, 241); "> il valore di ciascun elemento nella forma:

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

Il risultato di x sarà:

Donald
Duck
Duckburg
Submit
Prova tu stesso "

Pagine correlate

Di riferimento JavaScript: HTML DOM Object Modulo

JavaScript di riferimento: elementi modulo di raccolta

HTML tutorial: moduli HTML

Di riferimento HTML: HTML <form> tag


<Document Object