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>
activeElement

Элемент документа Element, владею­щий в настоящий момент фокусом ввода.

all

Коллекция, HTMLAllCollection, всех элементов дерева, в порядке их появления в разметке

document.all;
// HTMLAllCollection[11]
anchors

Список <a> элементов страницы с атрибутом name

applets

Список <applet> элементов страницы

async

Определяет, будет ли загрузка XML документа с сервера осуществяться асинхронно

body

Тело документа

bgColor

Цвет фона документа

characterSet

Ко­ди­ров­ка сим­во­лов до­ку­мен­та

charset

Ко­ди­ров­ка сим­во­лов до­ку­мен­та. Это свой­ст­во по­доб­но свой­ст­ву characterSet, но его зна­че­ние мож­но из­ме­нить, что­бы сме­нить ко­ди­ров­ку до­ку­мен­та.

compatMode

Это свой­ст­во со­дер­жит стро­ку «BackCompat», ес­ли до­ку­мент ото­бра­жа­ет­ся в «ре­жи­ме со­вмес­ти­мо­сти» для об­рат­ной со­вмес­ти­мо­сти со старыми браузерами

cookie

Сслыка на куки

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

Дата последнего изменения документа

Список <a> элементов с атрибутом href

location

Ссылка на урл Location документа

plugins

Синоним embed

readyState

Это свой­ст­во со­дер­жит стро­ку «loading», по­ка про­дол­жа­ет­ся за­груз­ка до­ку­мен­та, и стро­ку «complete» по ее окон­ча­нии. Ко­гда это свой­ст­во по­лу­ча­ет зна­че­ние «comp­le­te», бро­узер воз­бу­ж­да­ет со­бы­тие «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 на­хо­дит­ся в со­стоя­нии, для ко­то­ро­го query­Com­mand­State() не мо­жет вер­нуть ка­кое-то оп­ре­де­лен­ное зна­че­ние.

Ко­ман­ды, оп­ре­де­ляе­мые спе­ци­фи­ка­ци­ей HTML5, не мо­гут на­хо­дить­ся в не­оп­ре­де­лен­ном со­стоя­нии, но ко­ман­ды, оп­ре­де­ляе­мые бро­узе­ром, – мо­гут.

queryCommandState(string commandId)

Воз­вра­ща­ет со­стоя­ние ко­ман­ды commandId.

Не­ко­то­рые ко­ман­ды ре­дак­ти­ро­ва­ния, та­кие как «bold» и «italic», име­ют со­стоя­ние true, ес­ли под тек­сто­вым кур­со­ром или в вы­де­лен­ной об­лас­ти на­хо­дит­ся текст, на­бран­ный кур­си­вом, и false – в про­тив­ном слу­чае.

Од­на­ко боль­шин­ст­во ко­манд не име­ют со­стоя­ния, и для них этот ме­тод все­гда воз­вра­ща­ет false.

queryCommandSupported(string commandId)

Воз­вра­ща­ет true, ес­ли бро­узер под­дер­жи­ва­ет ука­зан­ную ко­ман­ду, и false – в про­тив­ном слу­чае.

queryCommandValue(string commandId)

Воз­вра­ща­ет со­стоя­ние ука­зан­ной ко­ман­ды в ви­де стро­ки.

querySelector(selector)

Node.querySelector()

write(text[, text1 [...]])

Записываем строку в документ

writeln(text)

Записываем строку в документ с переводом каретки