HTML-DOM Zugriff

Zugriff auf das HTML-DOM - HTML-Elemente finden.

Zugriff auf HTML-Elemente (Knoten)

Der Zugriff auf HTML-Elemente entspricht dem Zugriff auf Knoten

Sie können auf HTML-Elemente auf verschiedene Arten zugreifen:

  • Mithilfe der Methode getElementById()
  • Mithilfe der Methode getElementsByTagName()
  • Mithilfe der Methode getElementsByClassName()

getElementById()-Methode

Die Methode getElementById() gibt eine Referenz auf das Element mit der angegebenen ID zurück:

Syntax

node.getElementById("id");

Das folgende Beispiel ruft das Element mit id="intro" ab:

Beispiel

document.getElementById("intro");

Selbst ausprobieren »

getElementsByTagName()-Methode

getElementsByTagName() gibt alle Elemente mit dem angegebenen Tag-Namen zurück.

Syntax

node.getElementsByTagName("tagname");

Das folgende Beispiel gibt eine Liste aller <p>-Elemente im Dokument zurück:

Beispiel 1

document.getElementsByTagName("p");

Selbst ausprobieren »

Das folgende Beispiel gibt eine Liste aller <p>-Elemente im Dokument zurück, und diese <p>-Elemente sollten Nachfahren (Kinder, Enkelkinder usw.) des Elements mit id="main" sein:

Beispiel 2

document.getElementById("main").getElementsByTagName("p");

Selbst ausprobieren »

Die Methode getElementsByClassName()

Wenn Sie alle HTML-Elemente mit demselben Klassennamen finden möchten, verwenden Sie diese Methode:

document.getElementsByClassName("intro");

Das obige Beispiel gibt eine Liste aller Elemente mit class="intro" zurück:

Hinweis:getElementsByClassName() funktioniert nicht in Internet Explorer 5, 6, 7, 8.

Andere Erweiterungen