Moduli di documenti HTML DOM
Esempio
Numero di elementi <form> nel documento:
let num = document.forms.length;
Ottieni l'id del primo elemento <form>:
let id = document.forms[0].id;
Ottieni l'id del primo elemento <form>:
let id = document.forms.item(0).id;
Ottieni il contenuto HTML dell'elemento <form> con id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Altri esempi di seguito.
Definizione e utilizzo
La formsproprietà restituisce una raccolta di tutti gli elementi <form> in un documento.
La formsproprietà restituisce un HTMLCollection .
La formsproprietà è di sola lettura.
Guarda anche:
La Collezione di elementi del modulo
L'esercitazione sui moduli HTML
Consiglio:
Utilizzare la raccolta di elementi Forms per restituire tutti gli elementi in un modulo.
Collezione HTML
Una HTMLCollection è una raccolta di nodi HTML.
È possibile accedere ai nodi in una raccolta tramite numeri di indice. L'indice inizia da 0.
La proprietà length restituisce il numero di elementi nella raccolta.
Sintassi
document.forms
Proprietà
| Property | Description |
| length | The number of elements in the collection. |
Metodi
| Method | Description |
| [index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Valore di ritorno
| Tipo | Descrizione |
| Oggetto | Un oggetto HTMLCollection . Tutti gli elementi <form> nel documento. Ordinati come appaiono nel codice sorgente |
Altri esempi
Esegui il ciclo di tutti gli elementi <form> e genera l'id di ogni modulo:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Utilizzando la raccolta form.elements per ottenere il valore di ogni elemento nel modulo:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Supporto browser
document.forms è una funzionalità DOM di livello 1 (1998).
È completamente supportato in tutti i browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |