HTML DOM-document getElementById()
Voorbeeld
Haal het element met de opgegeven id op:
document.getElementById("demo");
Haal het element op en verander de kleur ervan:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Of verander gewoon de kleur:
document.getElementById("demo").style.color = "red";
Definitie en gebruik
De getElementById()
methode retourneert een element met een opgegeven waarde.
De getElementById()
methode retourneert null
als het element niet bestaat.
De getElementById()
methode is een van de meest voorkomende methoden in de HTML DOM. Het wordt bijna elke keer gebruikt als u een HTML-element wilt lezen of bewerken.
Opmerking
Elke id moet uniek zijn, maar:
Als er twee of meer elementen met dezelfde id bestaan, getElementById()
wordt de eerste geretourneerd.
Zie ook:
De methode getElementsByTagName() document
De Document getElementsByClassName() methode
Syntaxis
document.getElementById(elementID)
Parameters:
Parameter | Description |
id | Required. The id value of an element. |
Winstwaarde
Type | Beschrijving |
Object | Het element met de opgegeven id. null als het element niet bestaat. |
Gerelateerde pagina's:
CSS-zelfstudie: CSS-syntaxis
CSS-referentie: CSS #id Selector
HTML DOM-referentie: HTML DOM-id-eigenschap
HTML DOM-referentie: HTML DOM-stijlobject
Browserondersteuning
document.getElementById()
is een DOM Level 2 (2001)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |