Объект Document HTML DOM

объектом Document

Когда HTML документ загружается в веб-браузер, он становитсяОбъект документа.

Объект документакорневым узлом HTML документа.

Объект документаявляетсяОбъект окна.

Доступ к свойствамОбъект документа:

window.document или только document

Пример

let url = window.document.URL;

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

let url = document.URL;

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

Свойства и методы объекта документа

Следующие свойства и методы могут быть использованы в HTML документе:

Свойства / Методы Описание
all[] Возвращает ссылку на все HTML элементы в документе.
activeElement Возвращает элемент, который в данный момент имеет фокус в документе.
addEventListener() Присоединение обработчика событий к документу.
adoptNode() Принятие узлов из другого документа.
anchors Устарел.
applets Устарел.
baseURI Возврат абсолютного базового URI документа.
body Установка или возврат текста документа (элемент <body>).
charset Устарел.
characterSet Возврат кода символов документа.
close() Закрытие ранее открытого потока вывода с помощью document.open().
cookie Возврат пар имён/значений всех cookie в документе.
createAttribute() Создание узла атрибута.
createComment() Создание узла Comment с указанным текстом.
createDocumentFragment() Создание пустого узла DocumentFragment.
createElement() Создание узла элемента.
createEvent() Создание нового события.
createTextNode() Создание текстового узла.
defaultView Возврат объекта окна, связанного с документом, если доступно, в противном случае возвращает null.
designMode Управление тем, должен ли документ быть редактируемым в целом.
doctype Возврат документ типа declarations, связанного с документом.
documentElement Возврат элемента Document (элемент <html>) документа.
documentMode Устарел.
documentURI Установка или возврат位置的 документа.
domain Возврат домена сервера, с которого загружен документ.
domConfig Устарел.
embeds Возврат набора всех элементов <embed> в документе.
execCommand() Устарел.
forms Возврат набора всех элементов <form> в документе.
getElementById() Возврат элементов с указанным значением атрибута ID.
getElementsByClassName() Возврат набора всех элементов, имеющих указанное имя класса. HTMLCollection.
getElementsByName() Возврат набора активных элементов, имеющих указанное имя. NodeList.
getElementsByTagName() Возврат набора всех элементов, имеющих указанное имя тега. HTMLCollection.
hasFocus() Возврат логического значения, указывающего, фокусирован ли документ.
head Возврат элемента <head> документа.
images Возврат集合 всех элементов <img> в документе.
implementation Возвращает объект DOMImplementation, обрабатывающий этот документ.
importNode() Импортирует узел из другого документа.
inputEncoding Устарел.
lastModified Возвращает дату и время последнего изменения документа.
links Возвращает набор всех элементов <a> и <area> с атрибутом href в документе.
normalize() Удаляет пустые текстовые узлы и соединяет смежные узлы.
normalizeDocument() Устарел.
open() Открывает поток вывода HTML для сбора вывода из document.write().
querySelector() Возвращает первый элемент, соответствующий заданному CSS-селектору в документе.
querySelectorAll() Возвращает статический NodeList, содержащий все элементы, соответствующие заданному CSS-селектору в документе.
readyState Возвращает состояние (загрузки) документа.
referrer Возвращает URL документа, который загружает текущий документ.
removeEventListener() Удаляет обработчик событий из документа (уже использован Метод addEventListener() Дополнительные)
renameNode() Устарел.
scripts Возвращает набор элементов <script> в документе.
strictErrorChecking Устарел.
title Устанавливает или возвращает заголовок документа.
URL Возвращает полный URL HTML-документа.
write() Записывает выражение HTML или код JavaScript в документ.
writeln() Как и write(), но с добавлением символом новой строки после каждой строки.

Описание объекта Document

Интерфейс HTMLDocument расширяет интерфейс DOM Document, определяя свойства и методы, специфичные для HTML.

Многие свойства и методы являются объектами HTMLCollection (действительно, это можно использовать как массив или массив по имени индекса для чтения), которые сохраняют ссылки на анкеры, формы, ссылки и другие элементы, доступные для脚本ирования.

Эти свойства集合 происходят от уровня 0 DOM. Они уже Document.getElementsByTagName() Заменен, но все еще часто используется, так как он удобен.

Метод write()Значительно, при загрузке и анализе документа, он позволяет скрипту вставлять динамически генерируемое содержимое в документ.

Обратите внимание, что в 1-м уровне DOM HTMLDocument определил метод под названием getElementById() очень полезные методы. В 2-м уровне DOM этот метод был передан в интерфейс Document, и теперь он наследуется от HTMLDocument, а не определен самим.