Корневой элемент дерева
Document
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>
activeElement
Элемент документа Element
, владеющий в настоящий момент фокусом ввода.
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> документа.
documentElement
Возвращает корневой элемент документа Element
domain
Доменное имя сервера
embeds
Объект, подобный массиву, содержащий элементы <embed>, присутствующие в документе.
forms
Список <form> элементов страницы
head
В HTML-документах это свойство ссылается на элемент <head>.
inputEncoding
Возвращает входную кодировку документа
images
Список <img> элементов страницы
implementation
Ссылка на DOMImplementation
lastModified
Дата последнего изменения документа
links
Список <a> элементов с атрибутом href
location
Ссылка на урл Location
документа
plugins
Синоним embed
readyState
Это свойство содержит строку «loading», пока продолжается загрузка документа, и строку «complete» по ее окончании. Когда это свойство получает значение «complete», броузер возбуждает событие «readystatechange» в объекте Document.
referrer
Адрес документа, содержащего ссылку, которая привела на текущую страницу
scripts
Коллекция, содержащий все элементы <script>, присутствующие в документе.
styleSheets
Коллекция стилей, CSSStyleSheet
, присутсвующих в документе
title
Заголовок окна
xmlEncoding
Возвращает XML кодировку документа
adoptNode
(node)Удаляет узел node из любого документа, частью которого он являлся на момент вызова, и записывает в свойство ownerDocument узла ссылку на текущий документ, подготавливая его к добавлению в текущий документ.
Похожий на него метод importNode() копирует узел из другого документа, не удаляя его.
Возвращает Node
close
()Закрывает поток вывода документа, открытый методом open(), заставляя вывести все буферизованные данные.
createAttribute
(name)Возвращает Attr
, создает атрибутный узел с указанным именем
createComment
(data)Создает и возвращает узел Comment
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');
createElementNS
(namespace, qualifiedName)Создает и возвращает новый уникальный Element
createProcessingInstruction
(target, data)Возвращает ProcessingInstruction
узел
createEvent
(eventInterface)Создает и возвращает неинициализированный объект Event
eventInterface
Event
UIEvent
MouseEvent
MessageEvent
createProcessingInstruction
(target, data)Создает и возвращает новый узел ProcessingInstruction
createTextNode
(data)Возвращает текстовый узел Text
elementFromPoint
(x, y)Возвращает самый глубоко вложенный Element
с оконными координатами
execCommand
(commandId[, showUI[, value]])Выполняет команду редактирования.
bold
createLi
delete
formatBloc
forwardDelete
insertImage
insertHTML
insertLineBreak
insertOrderedList
insertUnorderedList
insertParagraph
insertText
italic
redo
selectAll
subscript
superscript
undo
unlink
unselect
getElementById
(elementId)Возвращает элемент Element
по id
getElementsByClassName
(elementClassName)Возвращает список NodeList
элементов с указанным классом
getElementsByName
(elementName)Возвращает список NodeList
элементов с указанным именем
getElementsByTagName
(tagName)Возвращает список NodeList
элементов с указанным тегом
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)Записываем строку в документ с переводом каретки