Latest web development tutorials

HTML-DOM-Zugang

Der Zugriff auf HTML-DOM - HTML-Elemente zu finden.

Access-HTML-Elemente (Knoten)

Access-HTML-Elemente entspricht Access Node

Sie können auf eine andere Weise zu HTML-Elemente zuzugreifen:

  • Durch die Verwendung der Methode getElementById ()
  • Durch die Verwendung der getElementsByTagName () Methode
  • Durch die Verwendung getElementsByClassName () Methode

Methode getElementById ()

getElementById () Methode gibt das Element mit dem angegebenen ID:

Grammatik

node.getElementById("id");

Das folgende Beispiel id = "intro" Element Get:

Beispiele

document.getElementById("intro");

Versuchen »

getElementsByTagName () -Methode

getElementsByTagName () liefert alle Elemente mit dem Tag-Namen angegeben.

Grammatik

node.getElementsByTagName("tagname");

Das folgende Beispiel gibt eine Liste von Dokumenten, die alle <p> Element enthalten:

Beispiel 1

document.getElementsByTagName("p");

Versuchen »

Das folgende Beispiel gibt eine Liste von Dokumenten, die alle <p> Element enthalten, und das Element <p> sollte ein Nachkomme id = "main" Element (Kind, Sonne, etc.) sein:

Beispiel 2

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

Versuchen »

Die getElementsByClassName () Methode

Wenn Sie alle HTML-Elemente mit dem gleichen Klassennamen zu finden, verwenden Sie diese Methode:

document.getElementsByClassName("intro");

Gibt eine Liste der obigen Beispiel-Klasse enthält = "intro" alle Elemente:

Anmerkung: getElementsByClassName () in 5,6,7,8 in Internet Explorer nicht gültig ist.