HTML DOM Доступ

Доступ к HTML DOM - Поиск HTML-элементов.

Доступ к HTML-элементам (узлам)

Доступ к HTML-элементам эквивалентен доступу к узлам

Доступ к HTML-элементам можно получить разными способами:

  • С помощью метода getElementById()
  • С помощью метода getElementsByTagName()
  • С помощью метода getElementsByClassName()

Метод getElementById()

Метод getElementById() возвращает ссылку на элемент с указанным ID:

Синтаксис

node.getElementById("id");

В следующем примере получается элемент с id="intro":

Пример

document.getElementById("intro");

Попробуйте сами »

Метод getElementsByTagName()

getElementsByTagName() возвращает все элементы с указанным именем тега.

Синтаксис

node.getElementsByTagName("tagname");

В следующем примере возвращается список всех элементов <p> в документе:

Пример 1

document.getElementsByTagName("p");

Попробуйте сами »

В следующем примере возвращается список всех элементов <p> в документе, и эти элементы <p> должны быть потомками (дочерними, внучатыми и т. д.) элемента с id="main":

Пример 2

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

Попробуйте сами »

Метод getElementsByClassName()

Если вы хотите найти все HTML-элементы с одинаковым именем класса, используйте этот метод:

document.getElementsByClassName("intro");

В приведённом выше примере возвращается список всех элементов с class="intro":

Примечание:getElementsByClassName() не работает в Internet Explorer 5, 6, 7, 8.

Другие расширения