Объект document

335

посл. ред. 21.06.2016

Объект document является общим для всей страницы. Он всегда содержит информацию о её текущем состоянии и содержимом, что позволяет делать страницы динамическими и работать с ними. Встроенные свойства и методы объекта document служат для получения информации о странице и её редактирования. Ниже представлены наиболее популярные свойства и методы.

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

Адрес страницы

document.URL: Содержит полный адрес страницы, как в адресной строке.
document.domain: Содержит только имя домена.
document.location: Содержит объект для работы с адресом страницы. Это тот же объект, что и window.location.

Данные о странице

document.title

Содержит заголовок страницы. Доступно для перезаписи.

document.lastModified

Содержит дату и время последнего изменения страницы.

document.referrer

Содержит полный адрес страницы, с которой был выполнен переход на текущую.

document.cookie

Позволяет добавлять и получать cookie. За каждое присвоение добавляется по одному cookie . При чтении свойства возвращается список всех cookie, разделённых точками с запятой.

document.readyState

Содержит информацию о текущем состоянии страницы. Значение свойства изменяется по мере загрузки страницы:

'loading' - страница ещё загружается.
'interactive' - страница уже загрузилась, но внешние ресурсы ещё загружаются.
'complete' - страница и все внешние ресурсы полностью загрузились.

Элементы верхнего уровня

document.documentElement: Ссылка на элемент <html>.
document.head: Ссылка на элемент <head>.
document.body: Ссылка на элемент <body>.

Списки однотипных элементов

document.anchors: Содержит список всех анкоров на странице (тег <a>).
document.embeds: Содержит список всех встроенных элементов на странице (тег <embed>).
document.forms: Содержит список всех форм на странице (тег <form>). Можно обратиться к любой форме по индексу или по её имени из атрибута name.
document.images: Содержит список всех рисунков на странице (тег <img>).
document.links: Содержит список всех гиперссылок на странице, содержащих атрибут href (теги <a> и <area>).
document.scripts: Содержит список всех скриптов на странице (тег <script>).

Методы объекта `document`

Создание узлов

document.createComment(): Создаёт узел комментарий.
document.createElement(): Создаёт узел элемент.
document.createTextNode(): Создаёт текстовый узел.
document.createDocumentFragment(): Создаёт самостоятельный узел. Если вставить данный узел в документ, то вставится только его содержимое, а не сам узел.

Поиск элементов

document.getElementById(): Поиск по уникальному идентификатору.
document.getElementsByName(): Поиск по значению атрибута name.