HTML-DOM-Dokument getElementById()
Beispiel
Holen Sie sich das Element mit der angegebenen ID:
document.getElementById("demo");
Holen Sie sich das Element und ändern Sie seine Farbe:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Oder ändern Sie einfach die Farbe:
document.getElementById("demo").style.color = "red";
Definition und Verwendung
Die getElementById()
Methode gibt ein Element mit einem angegebenen Wert zurück.
Die getElementById()
Methode kehrt zurück, null
wenn das Element nicht existiert.
Die getElementById()
Methode ist eine der häufigsten Methoden im HTML-DOM. Es wird fast jedes Mal verwendet, wenn Sie ein HTML-Element lesen oder bearbeiten möchten.
Notiz
Jede ID sollte eindeutig sein, aber:
Wenn zwei oder mehr Elemente mit derselben ID vorhanden sind, wird getElementById()
das erste zurückgegeben.
Siehe auch:
Die Document getElementsByTagName()-Methode
Die Document getElementsByClassName()-Methode
Syntax
document.getElementById(elementID)
Parameter
Parameter | Description |
id | Required. The id value of an element. |
Rückgabewert
Typ | Beschreibung |
Objekt | Das Element mit der angegebenen ID. null wenn das Element nicht existiert. |
Verwandte Seiten:
CSS-Tutorial: CSS-Syntax
CSS-Referenz: CSS #id Selector
HTML-DOM-Referenz: HTML-DOM-ID-Eigenschaft
HTML-DOM-Referenz: HTML-DOM-Stilobjekt
Browser-Unterstützung
document.getElementById()
ist eine Funktion von DOM Level 2 (2001).
Es wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |