Получение элементов

Для работы со структурой DOM в JavaScript предназначен объект document, который определен в глобальном объекте window. Объект document предоставляет ряд свойств и методов для управления элементами страницы. Для поиска элементов на странице применяются следующие методы:

• querySelector(value) выбирает первый элемент, который соответствует css-селектору value, пример
• querySelectorAll(value) выбирает все элементы, которые соответствуют css-селектору value, пример
• getElementsByClassName(value) выбирает все элементы, которые имеют класс value, пример
• getElementsByTagName(value) выбирает все элементы, у которых тег равен value, пример
• getElementById(value) выбирает элемент, у которого атрибут id равен value. Если элемента с таким идентификатором нет, то возвращается null, пример
• getElementsByName(value) позволяет получить элемент по атрибуту name

Свойства объекта document

document позволяет обратиться к определенным элементам веб-страницы через свойства:

• documentElement предоставляет доступ к корневому элементу html
• body предоставляет доступ к элементу body на веб-странице
• images содержит коллекцию всех объектов изображений элементов img
• links содержит коллекцию ссылок элементов a, у которых определен атрибут href
• anchors предоставляет доступ к коллекции элементов a, у которых определен атрибут name
• forms содержит коллекцию всех форм на веб-странице

Эти свойства не предоставляют доступ ко всем элементам, однако позволяют получить наиболее часто используемые элементы на веб-странице. Например, получим корневой узел документа:

var container = document.documentElement;