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

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

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

Эти свойства не предоставляют доступ ко всем элементам, однако позволяют получить наиболее часто используемые элементы на веб-странице. Например, получим корневой узел документа: var container = document.documentElement; Получим все изображения на странице:



Подобно тому, как в коде html мы можем установить атрибуты у элемента img, так и в коде javascript мы можем через свойства src и alt получить и установить значения этих атрибутов.

Рассмотрим получение всех ссылок на странице:
Статья 1 Статья 2 Статья 3
Опять же, так как у ссылки определен атрибут href, то при переборе ссылок мы можем получить его значение.

Output