Document(HTMLDocument)¶
Корневой элемент дерева
- class
Document
¶
- class
HTMLDocument
¶ Наследник
Node
document.getElementById('name')
<script> var form = document.test, input = document.test.test_input, elem = form.elements[0]; </script> <form name='test'> <input name='test_input'/> </form>
-
all
¶ Коллекция,
HTMLAllCollection
, всех элементов дерева, в порядке их появления в разметкеdocument.all; // HTMLAllCollection[11]
-
anchors
¶ Список <a> элементов страницы с атрибутом name
-
applets
¶ Список <applet> элементов страницы
-
async
¶ Определяет, будет ли загрузка XML документа с сервера осуществяться асинхронно
-
body
¶ Тело документа
-
bgColor
¶ Цвет фона документа
-
characterSet
¶ Кодировка символов документа
-
charset
¶ Кодировка символов документа. Это свойство подобно свойству characterSet, но его значение можно изменить, чтобы сменить кодировку документа.
-
compatMode
¶ Это свойство содержит строку «BackCompat», если документ отображается в «режиме совместимости» для обратной совместимости со старыми браузерами
Сслыка на куки
document.cookie = "info=123; max-age=604800";
-
defaultCharset
¶ Кодировка символов в броузере по умолчанию.
-
defaultView
¶ Объект
Window
броузера, в котором отображается данный документ.
-
designMode
¶ Если это свойство имеет значение «on», документ целиком доступен для редактирования.
Если это свойство имеет значение «off», документ целиком недоступен для редактирования.
Но при этом доступными для редактирования могут быть от дельные элементы с установленным свойством contenteditable.
-
dir
¶ В HTML-документах это свойство соответствует атрибуту dir элемента <html>. То есть это то же самое значение, что и documentElement.dir.
-
doctype
¶ Узел
DocumentType
, представляющий объявление <!DOCTYPE> документа.
-
domain
¶ Доменное имя сервера
-
embeds
¶ Объект, подобный массиву, содержащий элементы <embed>, присутствующие в документе.
-
forms
¶ Список <form> элементов страницы
-
head
¶ В HTML-документах это свойство ссылается на элемент <head>.
-
inputEncoding
¶ Возвращает входную кодировку документа
-
images
¶ Список <img> элементов страницы
-
implementation
¶ Ссылка на
DOMImplementation
-
lastModified
¶ Дата последнего изменения документа
-
links
¶ Список <a> элементов с атрибутом href
-
plugins
¶ Синоним embed
-
readyState
¶ Это свойство содержит строку «loading», пока продолжается загрузка документа, и строку «complete» по ее окончании. Когда это свойство получает значение «complete», броузер возбуждает событие «readystatechange» в объекте Document.
-
referrer
¶ Адрес документа, содержащего ссылку, которая привела на текущую страницу
-
scripts
¶ Коллекция, содержащий все элементы <script>, присутствующие в документе.
-
styleSheets
¶ Коллекция стилей,
CSSStyleSheet
, присутсвующих в документе
-
title
¶ Заголовок окна
-
xmlEncoding
¶ Возвращает XML кодировку документа
-
adoptNode
(node)¶ Удаляет узел node из любого документа, частью которого он являлся на момент вызова, и записывает в свойство ownerDocument узла ссылку на текущий документ, подготавливая его к добавлению в текущий документ.
Похожий на него метод importNode() копирует узел из другого документа, не удаляя его.
Возвращает
Node
-
close
()¶ Закрывает поток вывода документа, открытый методом open(), заставляя вывести все буферизованные данные.
-
createDocumentFragment
()¶ Создает и возвращает
DocumentFragment
пустой фрагмент документаРекмоендуется использовать его, при добавлении большоого количества нод в дом.
/* добавление большого количества элементов сразу в дом обойдется порядка 400 мс через фрамент 12 мс */ const fragment = document.createDocumentFragment(); for (let i = 0; i < 10000; i++) { const p = document.createElement("p"); fragment.appendChild(p); } document.body.appendChild(fragment);
-
createElement
(tagname)¶ Создает и возвращает новый
Element
, указанного типаvar input_element = document.createElement('input');
-
createProcessingInstruction
(target, data)¶ Возвращает
ProcessingInstruction
узел
-
createEvent
(eventInterface)¶ Создает и возвращает неинициализированный объект
Event
eventInterface
Event
UIEvent
MouseEvent
MessageEvent
-
createProcessingInstruction
(target, data) Создает и возвращает новый узел
ProcessingInstruction
-
execCommand
(commandId[, showUI[, value]])¶ Выполняет команду редактирования.
bold
createLi
delete
formatBloc
forwardDelete
insertImage
insertHTML
insertLineBreak
insertOrderedList
insertUnorderedList
insertParagraph
insertText
italic
redo
selectAll
subscript
superscript
undo
unlink
unselect
-
hasFocus
()¶ Документ в фокусе
-
importNode
(node, deep)¶ Возвращает узел
Node
определенный в другом документе.deep - копировать потомки узла
-
open
(url, name, features[, replace])¶ Возвращает
Window
, аналогWindow.open()
-
open
([type='text/html'[, replace]]) Возвращает
Document
-
queryCommandEnabled
(string commandId)¶ Возвращает true, если в настоящий момент можно передать команду commandId мето ду execCommand(), и false – в противном случае.
Например, бессмысленно передавать команду «undo», когда нечего отменять.
-
queryCommandIndeterm
(string commandId)¶ Возвращает true, если commandId находится в состоянии, для которого queryCommandState() не может вернуть какое-то определенное значение.
Команды, определяемые спецификацией HTML5, не могут находиться в неопределенном состоянии, но команды, определяемые броузером, – могут.
-
queryCommandState
(string commandId)¶ Возвращает состояние команды commandId.
Некоторые команды редактирования, такие как «bold» и «italic», имеют состояние true, если под текстовым курсором или в выделенной области находится текст, набранный курсивом, и false – в противном случае.
Однако большинство команд не имеют состояния, и для них этот метод всегда возвращает false.
-
queryCommandSupported
(string commandId)¶ Возвращает true, если броузер поддерживает указанную команду, и false – в противном случае.
-
queryCommandValue
(string commandId)¶ Возвращает состояние указанной команды в виде строки.
-
querySelector
(selector)¶
-
write
(text[, text1 [...]])¶ Записываем строку в документ
-
writeln
(text)¶ Записываем строку в документ с переводом каретки
-