HTML DOM Document getElementById() metoden

Definition och användning

getElementById() Metoden returnerar elementet med det specifika id-värdet.

Om elementet inte finns:getElementById() Metoden returnerar null.

getElementById() Metoden är en av de mest använda i HTML DOM. Nästan varje gång du vill läsa eller redigera ett HTML-element använder du den.

Tips

Varje id bör vara unikt, men:

Om det finns två eller fler element med samma id: getElementById() Returnerar den första.

Se också:

getElementsByTagName() metoden

getElementsByClassName() metoden

querySelector() metoden

querySelectorAll() metoden

Exempel

Exempel 1

Hämta element med specifikt id:

document.getElementById("demo");

Prova det själv!

Exempel 2

Hämta element och ändra dess färg:

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

Prova det själv!

Exempel 3

eller endast ändra dess färg:

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

Prova det själv!

Syntax

document.getElementById(elementId)

Parametrar

Parametrar Beskrivning
elementId Obligatorisk. Elementets id-värde.

Returvärde

Typ Beskrivning
objekt

element med det specificerade id:et.

Om inget hittas, returneras null.

Tekniska detaljer

getElementById() detta är en viktig och ofta använd metod eftersom den ger ett enkelt sätt att få en Element-objekt som representerar det specifika dokumentelementet.

metoden kommer att hämta element med id-värdet elementId element, och returnerar det. Om det inte finns något element som matchar, returnerar den null.Värdet för id-attributet är unikt i dokumentet. Om metoden hittar flera element med det specificerade elementId Element-noden null.

Observera:Namnet på denna metod börjar med Id slutande, inte IDförsäkra dig om att du inte stavat fel!

I HTML-dokument returnerar denna metod alltid element som har ett specifikt id. Använd HTMLDocument.getElementByName() metoder, baserat på deras value för name-attributet, för att hitta HTML-element.

I XML-dokument används denna metod för att leta efter ett element med en typ av id, oavsett vad namnet på attributet är. Om typen för XML-attributet är okänd (t.ex. om XML-parsern ignorerar det eller inte kan lokalisera DTD för dokumentet) returnerar metoden alltid nullI klient JavaScript används denna metod inte särskilt ofta tillsammans med XML-dokument. FaktisktgetElementById() Metoden definierades ursprungligen som en del av HTMLDocument-gränssnittet, men togs in i Document-gränssnittet i senare versioner av 2:a nivån DOM.

Webbläsarstöd

document.getElementById() är en DOM Level 2 (2001) egenskap.

Alla webbläsare stöder det:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd

Relaterade sidor

CSS-handbok:CSS-syntax

CSS Referenshandbok:CSS #id-väljare

HTML DOM Referenshandbok:HTML DOM id-attribut

HTML DOM Referenshandbok:HTML DOM Style-objekt