HTML DOM-document getElementsByName()
Voorbeeld
Krijg alle elementen met de naam "fname":
let collection = document.getElementsByName("fname");
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De getElementsByName()
methode retourneert een verzameling elementen met een opgegeven naam.
De getElementsByName()
methode retourneert een HTMLCollection .
Zie ook:
De Document getElementById() methode
De Document getElementsByTagName() methode
De Document getElementsByClassName() methode
De Document querySelector() Methode
Syntaxis
document.getElementsByName(name)
Parameters:
Parameter | Description |
name | Required. The name value of the elements. |
Winstwaarde
Type | Beschrijving |
Object | Een HTMLCollection-object . Een verzameling elementen met de opgegeven naam. De elementen worden gesorteerd zoals ze in het document worden weergegeven. |
Meer voorbeelden
Aantal elementen met name="dier":
let num = document.getElementsByName("animal").length;
Vink alle <input>-elementen aan met type="checkbox" die de naam "animal" hebben:
const collection = document.getElementsByName("animal");
for (let i = 0; i < collection.length; i++) {
if (collection[i].type == "checkbox") {
collection[i].checked = true;
}
}
Browserondersteuning
document.getElementsByName()
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 |