HTML DOM Document getElementById() Methode

Definition und Verwendung

getElementById() Die Methode gibt das Element zurück, das den angegebenen id-Wert hat.

Wenn das Element nicht existiert,getElementById() Die Methode gibt zurück null.

getElementById() Die Methode ist eine der häufigsten Methoden in HTML DOM. Fast jedes Mal, wenn Sie HTML-Elemente lesen oder bearbeiten möchten, verwenden Sie sie.

Hinweis

Jeder id sollte einzig sein, aber:

Wenn es zwei oder mehr Elemente mit dem gleichen id gibt, dann getElementById() Gibt den ersten zurück.

Siehe auch:

getElementsByTagName() Methode

getElementsByClassName() Methode

querySelector() Methode

querySelectorAll() Methode

Beispiel

Beispiel 1

Einen Element mit spezifischem id holen:

document.getElementById("demo");

Probieren Sie es selbst aus!

Beispiel 2

Einen Element holen und seine Farbe ändern:

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

Probieren Sie es selbst aus!

Beispiel 3

oder nur die Farbe ändern:

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

Probieren Sie es selbst aus!

Syntax

document.getElementById(elementId)

Parameter

Parameter Beschreibung
elementId Erforderlich. Der id-Wert des Elements.

Rückgabewert

Typ Beschreibung
Objekt

Element mit der angegebenen id.

Wird nicht gefunden, gibt es null zurück.

Technische Details

getElementById() Diese Method ist eine wichtige häufig verwendete Method, da sie eine einfache Methode bietet, um das Element-Objekt darzustellen, das den angegebenen Dokumentelementen entspricht.

Diese Method sucht nach dem id-Attribut mit dem Wert elementId findet und es zurückgibt. Wenn kein solches Element gefunden wird, gibt es null. Der Wert der id-Attribut ist im Dokument einzigartig, wenn diese Method mehrere Element-Knoten mit der angegebenen elementId der Element-Knoten, der zufällig einen solchen Knoten zurückgibt, oder null.

Hinweis:Der Name dieser Method beginnt mit Id Endung, nicht ID，keine Tippfehler!

In HTML-Dokumenten wird diese Method immer nach Elementen mit der angegebenen id gesucht. Verwenden Sie HTMLDocument.getElementByName() Methoden, basierend auf dem Wert ihres name-Attributs, HTML-Elemente suchen.

In XML-Dokumenten wird diese Method mit einem Attribut vom Typ id verwendet, um nach zu suchen, egal wie der Name dieses Attributs ist. Wenn der Typ der XML-Attribut unbekannt ist (z.B. wenn der XML-Parser ignoriert oder den DTD-Dokuments nicht lokalisieren kann), gibt diese Method immer nullIn der Client-Side-JavaScript wird dieser Method nicht oft zusammen mit XML-Dokumenten verwendet. Tatsächlich,getElementById() Der Method wurde ursprünglich als Teil des HTMLDocument-Interfaces definiert, wurde aber später in das Document-Interface der 2. DOM-Ebene aufgenommen.

Browserunterstützung

document.getElementById() ist eine DOM-Level-2-(2001)-Eigenschaft.

Es wird von allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt 9-11 Unterstützt Unterstützt Unterstützt Unterstützt

Verwandte Seiten

CSS-Tutorial:CSS-Syntax

CSS-Referenzhandbuch:CSS #id-Selektor

HTML DOM-Referenzhandbuch:HTML DOM id-Attribut

HTML DOM-Referenzhandbuch:HTML DOM Style-Objekt