HTML DOM Document getElementById() methode

Definitie en gebruik

getElementById() Deze methode keert terug met het element dat de opgegeven id-waarde heeft.

Als het element niet bestaat,getElementById() Deze methode zal terugkomen met null。

getElementById() Deze methode is een van de meest gebruikte in HTML DOM. Bijna elke keer dat je een HTML-element wilt lezen of wijzigen, gebruik je het.

Waarschuwing

Elke id moet uniek zijn, maar:

Als er twee of meer elementen zijn met dezelfde id, dan getElementById() Geef de eerste terug.

Zie ook:

getElementsByTagName() methode

getElementsByClassName() methode

querySelector() methode

querySelectorAll() methode

Voorbeeld

Voorbeeld 1

Element ophalen met een specifieke id:

document.getElementById("demo");

Probeer het zelf uit

Voorbeeld 2

Element ophalen en kleur wijzigen:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

Probeer het zelf uit

Voorbeeld 3

of alleen de kleur veranderen:

document.getElementById("demo").style.color = "red";

Probeer het zelf uit

Syntaxis

document.getElementById(elementId)

Parameters

Parameters Beschrijving
elementId Verplicht. De id-waarde van het element.

Retourwaarde

Type Beschrijving
Object

Element met de gespecificeerde id.

Als het niet wordt gevonden, wordt null geretourneerd.

Technische details

getElementById() Deze methode is een belangrijke en veelgebruikte methode, omdat het een eenvoudige manier biedt om een Element object te verkrijgen dat de specifieke documentelementen vertegenwoordigt.

Deze methode haalt de waarde van de id-eigenschap elementId vindt, en het retourneert deze. Als er geen dergelijk element wordt gevonden, retourneert het null。De waarde van de id-eigenschap is uniek in het document, als deze methode meerdere Element knopen met de gespecificeerde elementId van de Element knoop, die willekeurig een dergelijke knoop retourneert, of null。

Let op:De naam van deze methode begint met Id einde, niet ID，niet verkeerd!

In HTML-documenten, haalt deze methode altijd de eigenschap met de gespecificeerde id op. Gebruik HTMLDocument.getElementByName() Methoden, op basis van de waarde van hun name eigenschap, om HTML-elementen te vinden.

In XML-documenten, deze methode wordt gebruikt om op te zoeken naar een eigenschap van type id, ongeacht de naam van deze eigenschap. Als het type van de XML-eigenschap onbekend is (bijvoorbeeld als de XML-parsen het DTD negeert of niet kan lokaliseren), wordt deze methode altijd null retourneert nullIn客户端JavaScript中，这个方法并不经常和XML文档一起使用。实际上，getElementById() De methode werd oorspronkelijk gedefinieerd als een lid van de HTMLDocument interface, maar is later overgebracht naar de Document interface in de 2e DOM.

Browserondersteuning

document.getElementById() is een DOM Level 2 (2001) eigenschap.

Het wordt ondersteund door alle browsers:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning 9-11 Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Gerelateerde pagina's

CSS Handleiding:CSS syntax

CSS Referentiemanual:CSS #id selector

HTML DOM Referentiemanual:HTML DOM id eigenschap

HTML DOM Referentiemanual:HTML DOM Style Object