Latest web development tutorials

Dostęp HTML DOM

Dostęp do HTML DOM - znaleźć elementy HTML.

Dostęp elementy HTML (węzły)

Dostęp elementy HTML do węzła dostępowego równoważne

Można być w inny sposób uzyskania dostępu do elementów HTML:

  • Stosując metodę getElementById ()
  • Stosując metodę getElementsByTagName ()
  • Stosując metodę getElementsByClassName ()

Metoda getElementById ()

getElementById () zwraca element z podanym ID:

gramatyka

node.getElementById("id");

Poniższy przykład Get id = "intro" element:

Przykłady

document.getElementById("intro");

Spróbuj »

Metoda getElementsByTagName ()

getElementsByTagName () zwraca wszystkie elementy o określonej nazwie znacznika.

gramatyka

node.getElementsByTagName("tagname");

Poniższy przykład zwraca listę dokumentów, które zawierają wszystkie elementy <p>:

Przykład 1

document.getElementsByTagName("p");

Spróbuj »

Poniższy przykład zwraca listę dokumentów, które zawierają wszystkie elementy <p> i element <p> powinien być potomkiem id = "main" elementem (dziecko, Sun, itd.):

Przykład 2

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

Spróbuj »

GetElementsByClassName () Metoda

Jeśli chcesz znaleźć wszystkie elementy HTML o tej samej nazwie klasy, należy użyć tej metody:

document.getElementsByClassName("intro");

Zwraca listę zawierającą powyższy przykład class = "intro" wszystkie elementy:

Uwaga: getElementsByClassName () nie jest poprawna w 5,6,7,8 w programie Internet Explorer.