English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Объект документа HTML DOM

Объект Document

Объект Document является владельцем всех других объектов на вашей веб-странице.

Объект Document является корневым узлом HTML-документа и представляет ваш веб-страницу.

Если нужно доступ к любому элементу HTML-страницы, то всегда начинается с доступа к объекту Document.

Он предоставляет глобальные функции для документа, такие как как получить URL страницы и создать новый элемент в документе.

Этот пример использует метод getElementById() для поиска HTML-элемента (с id="para"):

document.getElementById("para");
Тестировать, смотреть </>

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

Атрибуты объекта Document

В таблице перечислены атрибуты объекта Document:

АтрибутыОписание
activeElementВозврат элемента, имеющего фокус в документе
baseURIВозврат абсолютного базового URI документа
bodyУстановка или возврат текста документа (Элемент)
cookieВозврат списка cookie документа, разделенного точками с запятой
characterSetВозврат набора символов, используемого документом
defaultViewВозврат объекта окна, связанного с документом; если объект окна недоступен, то возвращает null
designModeПолучение или установка способности редактировать весь документ
doctypeВозврат типа декларации документа текущего документа
documentElementВозвращает элемент Document, являющийся прямым подэлементом документа (<html>Элемент)
documentURIУстанавливает или возвращает строку с документом местоположения
domainВозвращает доменное имя сервера, загружающего документ
embedsВозвращает все изображения в документе<embed>Список элементов
formsВозвращает все изображения в документе<form>Список элементов
fullscreenElementВозвращает текущий элемент, отображаемый в полноэкранном режиме
fullscreenEnabledВозвращает логическое значение, указывающее, можно ли просматривать документ в полноэкранном режиме
headВозвращает заголовок документа<head>Элемент
imagesВозвращает все изображения в документе<img>Список элементов
implementationВозвращает реализацию DOM, связанную с текущим документом
lastModifiedВозвращает дату и время последнего изменения документа
linksВозвращает все элементы с атрибутом href в документе<a>и<area>Множество элементов
readyStateВозвращает состояние загрузки документа
referrerВозвращает URL документа, с которого был загружен текущий документ
scriptsВозвращает документы в документе<script>Список элементов
titleУстанавливает или возвращает заголовок документа
URLВозвращает полный URL HTML-документа в виде строки

Методы объекта Document

В таблице приведены методы объекта Document:

МетодОписание
addEventListener()Присоединение обработчика событий к документу
adoptNode()Включение узла из внешнего документа
close()Закрытие документного потока, ранее открытого с помощью document.open()
createAttribute()Создание узла属性
createComment()Создание нового узла комментария с заданным текстом
createDocumentFragment()Создание нового узла документного фрагмента
createElement()Создание нового узла элемента с заданным именем тега
createTextNode()Создание текстового узла
execCommand()Вызов指定的 операции буфера обмена на элементе, имеющем фокус
exitFullscreen()Отключение элементов в полноэкранном режиме
getElementById()Возврат элементов с указанным значением свойства ID
getElementsByClassName()Возврат списка элементов с заданным классом
getElementsByName()Возврат списка элементов с заданным именем
getElementsByTagName()Вернуть список элементов с заданным именем тега
hasFocus()Вернуть true, если фокус в данный момент находится в любом месте в указанном документе
importNode()Вернуть клон узла из внешнего документа
normalize()Удалить пустые узлы текста и соединить相邻шие узлы
normalizeDocument()Удалить пустые узлы текста и соединить相邻шие узлы
open()Открыть поток документа для записи
querySelector()Вернуть первый элемент, соответствующий указанному CSS-селектору в документе
querySelectorAll()Вернуть список всех элементов, соответствующих указанному CSS-селектору в документе
removeEventListener()Удалить обработчик событий из документа, к которому был добавлен метод addEventListener()
write()Записать HTML-выражение или JavaScript-код в документ
writeln()Как write(), но с добавлением перевода строки после каждой строки