document

window.document - об'єкт document для роботи з документом.

Синтаксис:

window.document

Параметри:

window - об'єкт window. Не обов'язково вказувати, якщо посилатися на поточне вікно.

Опис:

document властивість об'єкту window яка являється об'єктом для роботи з документом DOM.

Об'єкт document має властивості і методи для роботи з деревом документу.

document.all - доступ до всіх елементів.
document.characterSet - тип кодування.
document.charset - тип кодування.
document.compatMode - режим відображення веб-сторінки.
document.contentType - повертає Content-Type з заголовка MIME веб-сторінки.
document.doctype - тип документу.
document.documentElement - повертає Element що є прямим нащадком документа.
document.documentURI - повертає адресу документа.
document.hidden - чи видно документ.
document.implementation - містить об'єкт DOMImplementation.
document.fullscreenElement - елемент, який в даний час в повноекранному режимі для цього документа.
document.fullscreenEnabled - чи доступний повноекранний режим.
document.pointerLockElement повертає елемент для якого встановлено pointerLock.
document.scrollingElement - повертає посилання на Element який прокручує документ.
document.styleSheets - повертає список таблиць стилів об'єктів на поточному документі.
document.styleSheetSets - список наборів стилів, доступних на веб-сторінці.
document.visibilityState - стан видимості документа.
document.activeElement - елемент який має фокус.
document.alinkColor - повертає / задає колір активних посилань.
document.anchors - список всіх якорів в документі.
document.applets - список аплетів всередині документа.
document.bgColor - повертає / задає колір фону поточного документа.
document.body - елемент
```
<body>
```
поточного документа.
document.cookie - куки документу.
document.defaultView - посилання на об'єкт вікна.
document.designMode - повертає / встановлює можливість редагувати весь документ.
document.dir - повертає / встановлює напрямок тексту у документі.
document.domain - доменне ім'я сервера з якого завантажено документ.
document.embeds - повертає список
```
<embed>
```
елементів в документі.
document.fgColor - повертає / встановлює колір тексту документа.
document.forms - повертає список елементів
```
<form>
```
в поточному документі.
document.head - повертає
```
<head>
```
елемент поточного документа.
document.images - повертає список зображень в поточному документі.
document.lastModified - повертає дату, коли в останнє був змінений документ.
document.linkColor - повертає / встановлює колір гіперпосилань у документі.
document.links - повертає список всіх гіперпосилань в документі.
document.location - об'єкт Location який повертає та задає URL адресу веб-сторінки.
document.readyState - статус завантаження документу.
document.referrer - URL адреса з якої перейшов користувач.
document.scripts - всі елементи
```
<script>
```
в документі.
document.title - встановлює або повертає заголовок документа.
document.URL - адреса документу у вигляді рядка.
document.vlinkColor - повертає/встановлює колір відвіданих гіперпосилань.
document.children - список дочірних елементів. Аналогічно як Element.children.
document.firstElementChild - перший дочірний елемент. Аналогічно як Element.firstElementChild.
document.lastElementChild - останній дочірний елемент. Аналогічно як Element.lastElementChild.
document.childElementCount - кількість дочірних елементів. Аналогічно як Element.childElementCount
document.nodeType - тип вузла. Аналогічно як Element.nodeType.

document.adoptNode() - приймає вузол з зовнішнього документа.
document.caretPositionFromPoint() - позиція курсора в документі на основі координат.
document.createAttribute() - створює новий Attr об'єкт.
document.createComment() - створює новий вузол коментаря.
document.createDocumentFragment() - створює новий фрагмент документа.
document.createElement() - створює новий елемент за вказаним ім'ям тега.
document.createEvent() - створює об'єкт події Event.
document.createRange() - створює об'єкт Range.
document.createTextNode() - створює текстовий вузол.
document.createTouch() - створює Touch об'єкт.
document.createTouchList() - створює об'єкт TouchList.
document.createTreeWalker() - створює об'єкт TreeWalker.
document.elementFromPoint() - повертає верхній елемент за вказаними координатами.
document.elementsFromPoint() - повертає масив всіх елементів за вказаними координатами.
document.exitPointerLock() - розблоковує курсор миші.
document.getElementsByClassName() - повертає список елементів із заданим ім'ям класу.
document.getElementsByName() - повертає список елементів з вказаним ім'ям.
document.getElementsByTagName() - повертає список елементів за вказаним ім'ям тега.
document.importNode() - повертає клон вузла з зовнішнього документа.
document.normalize() - нормалізує документ.
document.registerElement() - реєструє новий користувацький елемент.
document.releaseCapture() - видаляє захоплення миші з елемента в документі.
document.getElementById() - повертає посилання на елемент за вказаним ідентифікатором.
document.querySelector() - повертає перший елемент в документі який співпадає з вказаним селектором.
document.querySelectorAll() - повертає список всіх елементів в документі, які відповідають зазначеним селекторам.
document.clear() - очищає вміст документу.
document.open() - відкриває потік документів для запису.
document.close() - закриває потік документу для запису.
document.execCommand() - виконує команду форматування.
document.getSelection() - повертає об'єкт Selection.
document.hasFocus() - чи має документ фокус.
document.queryCommandEnabled() - Повертає істину, якщо команда верстку може виконуватися на поточному діапазоні.
document.queryCommandIndeterm() - чи знаходиться команда форматування у невизначеному стані.
document.queryCommandState() - стан команди.
document.queryCommandSupported() - чи підтримується команда форматування браузером.
document.queryCommandValue() - повертає значення команди форматування.
document.write() - записує текст в документі.
document.writeln() - записує текст в документі і додає в кінці символ нового рядка.
addEventListener() - призначає подію об'єкту.
removeEventListener() - видаляє подію з об'єкту
dispatchEvent() - імітація події
document.prepend() - вставляє елемент або текст спочатку документа. Аналогічно як Element.prepend

Події

document.onreadystatechange - зміна стану завантаження документу
document.onfocus - документ отримав фокус
document.onblur - документ втратив фокус
document.oncopy - копіюється у буфер обміну
document.oncut - вирізається у буфер обміну
document.onpaste - вставляється з буферу обміну
document.onclick - клік
document.ondblclick - подвійний клік
document.oncontextmenu - викликається контекстне меню
document.onmousedown - натиснуто кнопку миші
document.onmousemove - переміщення курсору миші
document.onmouseout - відведено курсор миші
document.onmouseover - наведено курсор миші
document.onmouseup - відпущено кнопку миші
document.onkeydown - натискається клавіша на клавіатурі
document.onkeyup - відпускається клавіша на клавіатурі
document.onkeypress - натиснута клавіша на клавіатурі
document.ontouchstart - дотик на сенсорі.
document.ontouchmove - переміщення дотику.
document.ontouchend - дотик на сенсорі завершено
document.ontouchcancel - дотик на сенсорі перервано

Приклади:

Приклад отримання HTML коду документу (веб-сторінки):

var html = document.documentElement.outerHTML;
alert(html);

Приклад отримання розміру документа:

var el=document.documentElement;
alert("розмір документу: "+el.offsetWidth+"x"+el.offsetHeight+" внутрішній розмір документу: "+el.clientWidth+"x"+el.clientHeight+" розмір вмісту документу: "+el.scrollWidth+"x"+el.scrollHeight);