Neueste Web-Entwicklung Tutorials
 

HTML DOM getElementById() Method

<Document Object

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

Beispiele

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


<Document Object