HTML DOM-documentformulieren
Voorbeeld
Aantal <form> elementen in het document:
let num = document.forms.length;
Haal de id van het eerste <form> element op:
let id = document.forms[0].id;
Haal de id van het eerste <form> element op:
let id = document.forms.item(0).id;
Haal de HTML-inhoud van het <form>-element op met id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Hieronder meer voorbeelden.
Definitie en gebruik
De forms
eigenschap retourneert een verzameling van alle <form>-elementen in een document.
De forms
eigenschap retourneert een HTMLCollection .
De forms
eigenschap is alleen-lezen.
Zie ook:
Tip:
Gebruik de Forms-elementenverzameling om alle elementen in een formulier te retourneren.
HTMLCollection
Een HTMLCollection is een verzameling HTML-knooppunten.
Knooppunten in een verzameling zijn toegankelijk via indexnummers. De index begint bij 0.
De eigenschap lengte retourneert het aantal elementen in de verzameling.
Syntaxis
document.forms
Eigenschappen
Property | Description |
length | The number of elements in the collection. |
Methoden:
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. |
Winstwaarde
Type | Beschrijving |
Object | Een HTMLCollection-object . Alle <form> elementen in het document. Gesorteerd zoals ze in de broncode voorkomen |
Meer voorbeelden
Loop door alle <form>-elementen en voer de id van elk formulier uit:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
De verzameling form.elements gebruiken om de waarde van elk element in het formulier te krijgen:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Browserondersteuning
document.forms
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |