Latest web development tutorials

Доступ к HTML DOM

Доступ к HTML DOM - найти HTML-элементы.


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

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

Вы можете быть по-другому, чтобы получить доступ к HTML-элементы:

  • С помощью метода getElementById ()
  • С помощью метода getElementsByTagName ()
  • При использовании метода getElementsByClassName ()

Метод getElementById ()

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

грамматика

node.getElementById("id");

Следующий пример Get = "интро" элемент ID:

примеров

document.getElementById("intro");

Попробуйте »


Метод getElementsByTagName ()

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

грамматика

node.getElementsByTagName("tagname");

Следующий пример возвращает список документов, которые содержат все элементы <p>:

Пример 1

document.getElementsByTagName("p");

Попробуйте »

Следующий пример возвращает список документов, которые содержат все элементы <р>, а элемент <р> должен быть потомком идентификатор "главный" элемент = (ребенок, ВС и т.д.):

Пример 2

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

Попробуйте »


GetElementsByClassName () Метод

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

document.getElementsByClassName("intro");

Возвращает список, содержащий приведенный выше пример класс = "интро" все элементы:

Примечание: getElementsByClassName () не действует в 5,6,7,8 в Internet Explorer.