Beispiel
Holen Sie sich das Element mit der angegebenen ID:
document.getElementById("demo");
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die getElementById() Methode gibt das Element, das das hat ID - Attribut mit dem angegebenen Wert.
Diese Methode ist eine der am häufigsten verwendeten Methoden im HTML-DOM und wird fast jedes Mal, wenn Sie manipulieren mögen verwendet, oder Informationen erhalten von einem Elemente in Ihrem Dokument.
Gibt null zurück , wenn keine Elemente mit dem angegebenen ID existiert.
Eine ID sollte innerhalb einer Seite eindeutig sein. Wenn jedoch mehr als ein Element mit der angegebenen ID existiert, wird die getElementById() kehrt Methode das erste Element in dem Quellcode.
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die das Verfahren vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| getElementById() | Ja | Ja | Ja | Ja | Ja |
Syntax
document.getElementById( elementID )Parameterwerte
| Parameter | Art | Beschreibung |
|---|---|---|
| elementID | String | Erforderlich. Die ID - Wert des Attributs des Elements Sie erhalten möchten |
Technische Details
| DOM Version: | Core Level 2 Document Object |
|---|---|
| Rückgabewert: | Ein Elementobjekt, ein Element mit der angegebenen ID entspricht. Gibt null zurück , wenn keine Elemente mit dem angegebenen ID existiert |
Mehr Beispiele
Beispiel
Holen Sie sich das Element mit id = „Demo“ und seine Farbe ändern:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS - Selektoren
CSS Referenz: CSS #id Selector
HTML DOM Referenz: HTML DOM id Property
HTML DOM Referenz: HTML DOM Style - Objekt