HTML DOM Document getElementById() metoden

Definition og brug

getElementById() Metoden returnerer elementet med den specificerede id-værdi.

Hvis elementet ikke findesgetElementById() Metoden returnerer null。

getElementById() Metoden er en af de mest almindelige metoder i HTML DOM. N儿r du ønsker at læse eller redigere et HTML-element, bruges den næsten altid.

Advarsel

Enhver id skal være unik, men:

Hvis der er to eller flere elementer med samme id, getElementById() Returnerer den første.

Se også:

getElementsByTagName() metoden

getElementsByClassName() metoden

querySelector() metoden

querySelectorAll() metoden

Eksempel

Eksempel 1

Få element med specifik id:

document.getElementById("demo");

Prøv det selv!

Eksempel 2

Få element og ændr dens farve:

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

Prøv det selv!

Eksempel 3

eller kun ændre dens farve:

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

Prøv det selv!

Syntaks

document.getElementById(elementId)

Parametre

Parametre Beskrivelse
elementId Obligatorisk. Elementets id værdi.

Returværdi

Type Beskrivelse
objekt

elementer med den specificerede id.

Returnerer null, hvis det ikke findes.

Tekniske detaljer

getElementById() metode er en vigtig og ofte brugt metode, fordi den giver en enkel måde at få adgang til Element-objektet, der repræsenterer det specifikke dokumentelement.

metoden vil hente id egenskabens værdi elementId elementer, og returnerer det. Hvis der ikke findes et sådant element, returnerer null。Værdien af id egenskaben er unik i dokumentet, hvis metoden finder flere elementer med den specificerede elementId Element knudepunktet, det vil tilfældigt returnere en sådan knudepunkt, eller returnere null。

Bemærk:Navnet på denne metode begynder med Id afsluttes med ID，ikke stavet forkert!

I HTML-dokumenter henter denne metode altid egenskaber med den angivne id. Brug HTMLDocument.getElementByName() metoder, baseret på værdien af deres name egenskab, for at finde HTML-elementer.

I XML-dokumenter bruges denne metode til at finde enhver egenskab af typen id, uanset navnet på egenskaben. Hvis typen af XML-egenskaben er ukendt (som når XML-parseren ignorerer eller ikke kan定位 dokumentets DTD)，returnerer metoden altid null。I klient JavaScript bruges denne metode ikke ofte sammen med XML-dokumenter. FaktiskgetElementById() Metoden blev oprindeligt defineret som en del af HTMLDocument-grænsefladen, men blev senere indarbejdet i Document-grænsefladen i den senere 2. DOM.

Browser understøttelse

document.getElementById() er DOM Level 2 (2001) egenskab.

Det understøttes af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Understøttelse 9-11 Understøttelse Understøttelse Understøttelse Understøttelse

Relaterede sider

CSS Undervisning:CSS syntaks

CSS Referencemanual:CSS #id vælger

HTML DOM Referencemanual:HTML DOM id Egenskab

HTML DOM Referencemanual:HTML DOM Style Object