---
title: Document
slug: Web/API/Document
tags:
  - API
  - DOM
  - Інтерфейс
  - Документ
  - Посилання
translation_of: Web/API/Document
---
<div>{{APIRef}}</div>

<div> </div>

<p><span class="seoSummary"><strong><code>Document</code></strong> інтерфейс представляє будь-яку веб-сторінку, завантажену в браузер і яка слугує точкою входу в контент веб-сторінки, чим є <a href="/en-US/docs/Using_the_W3C_DOM_Level_1_Core" title="Using_the_W3C_DOM_Level_1_Core">DOM tree</a>.</span> DOM tree включає елементи такі як {{HTMLElement("body")}} і {{HTMLElement("table")}}, серед <a href="/en-US/docs/Web/HTML/Element">багатьох інших</a>. Це забезпечує глобальну функціональність для документу, таку як отримувати URL сторінки і створювати нові елементи в документі.</p>

<p>{{inheritanceDiagram}}</p>

<p><code>Інтерфейс Document</code> описує загальні властивості і методи для будь-якого типу документу. Залежно від типу документу (e.g. <a href="/en-US/docs/HTML" title="HTML">HTML</a>, <a href="/en-US/docs/XML" title="XML">XML</a>, SVG, …), більший API доступний: HTML-документи, які подаються з <code>text/html</code> типом контенту, також реалізовують {{domxref("HTMLDocument")}} інтерфейс, тоді як XML і SVG документи реалізовують {{domxref("XMLDocument")}} інтерфейс.</p>

<h2 id="Properties" name="Properties">Конструктор</h2>

<dl>
 <dt>{{domxref("Document.Document","Document()")}}{{non-standard_inline}}</dt>
 <dd>Створює новий <code>Document</code> об'єкт.</dd>
</dl>

<h2 id="Properties" name="Properties">Властивості</h2>

<p><em>Цей інтерфейс також розширює {{domxref("Node")}} і {{domxref("EventTarget")}} інтерфейси.</em></p>

<dl>
 <dt>{{domxref("Document.all")}} {{Deprecated_inline}} {{non-standard_inline}}</dt>
 <dd>Забезпечує доступ до всіх елементів в документі. Це застарілий, нестандартний інтерфейс і він не повинен використовуватись.</dd>
 <dt>{{domxref("Document.async")}} {{Deprecated_inline}}</dt>
 <dd>Використовується з {{domxref("Document.load")}} щоб вказати асинхронний запит.</dd>
 <dt>{{domxref("Document.body")}}</dt>
 <dd>Повертає {{HTMLElement("body")}}, або {{htmlelement("frameset")}} вузол поточного документу.</dd>
 <dt>{{domxref("Document.characterSet")}} {{readonlyinline}}</dt>
 <dd>Повертає кодування, яке використовується в документі.</dd>
 <dt>{{domxref("Document.charset")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
 <dd>Псевдонім для {{domxref("Document.characterSet")}}. Використовуй цю властивість взамін.</dd>
 <dt>{{domxref("Document.compatMode")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>Вказує чи документ інтерпретується в <em>quirks</em> чи <em>strict</em> режимі.</dd>
 <dt>{{domxref("Document.contentType")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>Повертає Content-Type з MIME-заголовку поточного документу.</dd>
 <dt>{{domxref("Document.doctype")}} {{readonlyinline}}</dt>
 <dd>Повертає Визначення Типу Документу (DTD) поточного документу.</dd>
 <dt>{{domxref("Document.documentElement")}} {{readonlyinline}}</dt>
 <dd>Повертає {{domxref("Element")}}, який є прямим нащадком document. Для HTML-документів, це, як правило, <span class="seoSummary">{{domxref("HTMLElement")}}</span> елемент.</dd>
 <dt>{{domxref("Document.documentURI")}} {{readonlyinline}}</dt>
 <dd>Повертає розміщення документу у вигляді стрічки.</dd>
 <dt>{{domxref("Document.domConfig")}} {{Deprecated_inline}}</dt>
 <dd>Повинна повертати {{domxref("DOMConfiguration")}} об'єкт.</dd>
 <dt>{{domxref("Document.fullscreen")}} {{obsolete_inline}}</dt>
 <dd><code>true,</code>якщо документ в {{domxref("Using_full-screen_mode","full-screen mode")}}.</dd>
 <dt>{{domxref("Document.hidden")}} {{readonlyinline}}</dt>
 <dd>…</dd>
 <dt>{{domxref("Document.implementation")}} {{readonlyinline}}</dt>
 <dd>Повертає DOM реалізацію, асоційовану з поточним документом.</dd>
 <dt>{{domxref("Document.inputEncoding")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
 <dd>Псевдонім для {{domxref("Document.characterSet")}}. Використовуй цю властивість взамін.</dd>
 <dt>{{domxref("Document.lastStyleSheetSet")}} {{readonlyinline}}</dt>
 <dd>Повертає ім'я набору стилів, які були останніми включені.  Має значення <code>null,</code> аж поки таблиця стилів змінена встановленням значення {{domxref("document.selectedStyleSheetSet","selectedStyleSheetSet")}}.</dd>
 <dt>{{domxref("Document.mozSyntheticDocument")}} {{non-standard_inline}} {{gecko_minversion_inline("8.0")}}</dt>
 <dd>Повертає {{jsxref("Boolean")}}, яким є <code>true</code> лише якщо цей документ є синтетичним, таким як окреме зображення, відео-, аудіо-файл, або т. п.</dd>
 <dt>{{domxref("Document.mozFullScreenElement")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
 <dd>Елемент, який зараз є в повноекранному режимі для цього документу.</dd>
 <dt>{{domxref("Document.mozFullScreenEnabled")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
 <dd><code>true,</code> якщо виклик {{domxref("Element.mozRequestFullscreen()")}} буде успішним в поточному документі.</dd>
 <dt>{{domxref("Document.preferredStyleSheetSet")}} {{readonlyinline}}</dt>
 <dd>Повертає бажаний набір стилів, як вказано автором сторінки.</dd>
 <dt>{{domxref("Document.scrollingElement")}} {{readonlyinline}}</dt>
 <dd>Повертає посилання на {{domxref("Element")}} ,який прокручує документ.</dd>
 <dt>{{domxref("Document.selectedStyleSheetSet")}}</dt>
 <dd>Повертає набір стилів, який зараз у використанні.</dd>
 <dt>{{domxref("Document.styleSheetSets")}} {{readonlyinline}}</dt>
 <dd>Повертає список наборів стилів, доступних для документу.</dd>
 <dt>{{domxref("Document.timeline")}} {{readonlyinline}}</dt>
 <dd>…</dd>
 <dt>{{domxref("Document.undoManager")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>…</dd>
 <dt>{{domxref("Document.visibilityState")}} {{readonlyinline}}</dt>
 <dd>
 <p>Повертає <code>string,</code> яка виражає видимість стану документу. Можливими значеннями є <code>visible</code>,  <code>hidden</code>,  <code>prerender</code>, і <code>unloaded</code>.</p>
 </dd>
 <dt>{{domxref("Document.xmlEncoding")}} {{Deprecated_inline}}</dt>
 <dd>Повертає кодування, як визначено XML-оголошенням.</dd>
 <dt>{{domxref("Document.xmlStandalone")}} {{obsolete_inline("10.0")}}</dt>
 <dd>Повертає <code>true,</code> якщо оголошення XML  вказує документу бути автономним (<em>e.g.,</em> Зовнішня частина DTD впливає на контент документу), або <code>false</code>.</dd>
 <dt>{{domxref("Document.xmlVersion")}} {{obsolete_inline("10.0")}}</dt>
 <dd>Повертає номер версії, як вказано в XML-оголошенні, або <code>"1.0",</code> якщо оголошення відсутнє.</dd>
</dl>

<p><code>Document</code> інтерфейс розширюється {{domxref("ParentNode")}} інтерфейсом:</p>

<p>{{page("/en-US/docs/Web/API/ParentNode","Properties")}}</p>

<h3 id="Розширення_для_HTML-документу"> Розширення для HTML-документу</h3>

<p><em>Інтерфейс <code>Document</code> для HTML-документів розширює {{domxref("HTMLDocument")}} інтерфейс, або, починаючи з HTML5,  розширюється для таких документів.</em></p>

<dl>
 <dt>{{domxref("Document.alinkColor")}} {{Deprecated_inline}}</dt>
 <dd>Повертає або встановлює колір активних посилань в тілі документу.</dd>
 <dt>{{domxref("Document.anchors")}}</dt>
 <dd>Повертає список всіх якорів в документі.</dd>
 <dt>{{domxref("Document.applets")}} {{Deprecated_inline}}</dt>
 <dd>Повертає впорядкований список апплетів в межах документу.</dd>
 <dt>{{domxref("Document.bgColor")}} {{Deprecated_inline}}</dt>
 <dd>Отримує/встановлює фоновий колір поточного документу.</dd>
 <dt>{{domxref("Document.cookie")}}</dt>
 <dd>Повертає список куків, розділених крапкою з комою, для того документу або встановлює одиничний кукі.</dd>
 <dt>{{domxref("Document.defaultView")}} {{readonlyinline}}</dt>
 <dd>Повертає посилання на об'єкт window.</dd>
 <dt>{{domxref("Document.designMode")}}</dt>
 <dd>Отримує/встановлює можливість редагування цілого документу.</dd>
 <dt>{{domxref("Document.dir")}} {{readonlyinline}}</dt>
 <dd>Отримує/встановлює направленість (rtl - справа наліво/ltr зліва направо) документу.</dd>
 <dt>{{domxref("Document.domain")}}</dt>
 <dd>Отримує/встановлює домен поточного документу.</dd>
 <dt>{{domxref("Document.embeds")}} {{readonlyinline}}</dt>
 <dd>Повертає список вбудованих {{HTMLElement('embed')}} елементів в межах поточного документу.</dd>
 <dt>{{domxref("document.fgColor")}} {{Deprecated_inline}}</dt>
 <dd>Отримує/встановлює колір переднього плану, або колір тексту поточного документу.</dd>
 <dt>{{domxref("Document.forms")}} {{readonlyinline}}</dt>
 <dd>Повертає список {{HTMLElement("form")}} елементів в межах поточного документу.</dd>
 <dt>{{domxref("Document.head")}} {{readonlyinline}}</dt>
 <dd>Повертає {{HTMLElement("head")}} елемент поточного документу.</dd>
 <dt>{{domxref("Document.height")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
 <dd>Отримує/встановлює висоту поточного документу.</dd>
 <dt>{{domxref("Document.images")}} {{readonlyinline}}</dt>
 <dd>Повертає список зображень в поточному документі.</dd>
 <dt>{{domxref("Document.lastModified")}} {{readonlyinline}}</dt>
 <dd>Повертає дату, коли документ був востаннє змінений.</dd>
 <dt>{{domxref("Document.linkColor")}} {{Deprecated_inline}}</dt>
 <dd>Отримує/встановлює колір гіперпосилань в документі.</dd>
 <dt>{{domxref("Document.links")}} {{readonlyinline}}</dt>
 <dd>Повертає список всіх гіперпосилань в документі.</dd>
 <dt>{{domxref("Document.location")}} {{readonlyinline}}</dt>
 <dd>Повертає URI поточного документу.</dd>
 <dt>{{domxref("Document.plugins")}} {{readonlyinline}}</dt>
 <dd>Повертає список доступних плагінів.</dd>
 <dt>{{domxref("Document.readyState")}} {{readonlyinline}}  {{gecko_minversion_inline("1.9.2")}}</dt>
 <dd>Повертає статус завантаження документу.</dd>
 <dt>{{domxref("Document.referrer")}} {{readonlyinline}}</dt>
 <dd>Повертає URI сторінки, яка прив'язана до цієї сторінки.</dd>
 <dt>{{domxref("Document.scripts")}} {{readonlyinline}}</dt>
 <dd>Повертає всі {{HTMLElement("script")}} елементи в документі.</dd>
 <dt>{{domxref("Document.title")}}</dt>
 <dd>Встановлює або отримує назву поточного документу.</dd>
 <dt>{{domxref("Document.URL")}} {{readonlyInline}}</dt>
 <dd><span style="line-height: 19.0909080505371px;">Повертає розміщення документу у вигляді стрічки.</span></dd>
 <dt>{{domxref("Document.vlinkColor")}} {{Deprecated_inline}}</dt>
 <dd>Отримує/встановлює колір відвіданих гіперпосилань.</dd>
 <dt>{{domxref("Document.width")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
 <dd>Повертає ширину поточного документу.</dd>
</dl>

<h3 id="Властивості_включені_з_DocumentOrShadowRoot">Властивості, включені з DocumentOrShadowRoot</h3>

<p><em>Інтерфейс <code>Document</code> включає наступні властивості, визначені в {{domxref("DocumentOrShadowRoot")}} міксині. Зверни увагу, що це, на даний час, реалізовано в Chrome; інші браузери все ще реалізують їх безпосередньо через {{domxref("Document")}} інтерфейс.</em></p>

<dl>
 <dt>{{domxref("DocumentOrShadowRoot.activeElement")}} {{readonlyInline}}</dt>
 <dd>Returns the {{domxref('Element')}} within the shadow tree that has focus.</dd>
 <dt>{{domxref("Document.fullscreenElement")}} {{readonlyinline}}</dt>
 <dd>The element that's currently in full screen mode for this document.</dd>
 <dt>{{domxref("DocumentOrShadowRoot.pointerLockElement")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>Returns the element set as the target for mouse events while the pointer is locked. <code>null</code> if lock is pending, pointer is unlocked, or if the target is in another document.</dd>
 <dt>{{domxref("DocumentOrShadowRoot.styleSheets")}} {{readonlyInline}}</dt>
 <dd>Returns a {{domxref('StyleSheetList')}} of {{domxref('CSSStyleSheet')}} objects for stylesheets explicitly linked into, or embedded in a document.</dd>
</dl>

<h3 id="Event_handlers" name="Event_handlers">Event handlers</h3>

<dl>
 <dt>{{domxref("Document.onafterscriptexecute")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("afterscriptexecute")}} event.</dd>
 <dt>{{domxref("Document.onbeforescriptexecute")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("beforescriptexecute")}} event.</dd>
 <dt>{{domxref("Document.oncopy")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("copy")}} event.</dd>
 <dt>{{domxref("Document.oncut")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("cut")}} event.</dd>
 <dt>{{domxref("Document.onfullscreenchange")}}</dt>
 <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("fullscreenchange")}} event is raised.</dd>
 <dt>{{domxref("Document.onfullscreenerror")}}</dt>
 <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("fullscreenerror")}} event is raised.</dd>
 <dt>{{domxref("Document.onpaste")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("paste")}} event.</dd>
 <dt>{{domxref("Document.onpointerlockchange")}} {{experimental_inline}}</dt>
 <dd>Represents the event handling code for the {{event("pointerlockchange")}} event.</dd>
 <dt>{{domxref("Document.onpointerlockerror")}} {{experimental_inline}}</dt>
 <dd>Represents the event handling code for the {{event("pointerlockerror")}} event.</dd>
 <dt>{{domxref("Document.onreadystatechange")}} {{gecko_minversion_inline("1.9.2")}}</dt>
 <dd>Represents the event handling code for the {{event("readystatechange")}} event.</dd>
 <dt>{{domxref("Document.onselectionchange")}} {{experimental_inline}}</dt>
 <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("selectionchange")}} event is raised.</dd>
 <dt>{{domxref("Document.onvisibilitychange")}}</dt>
 <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("visibilitychange")}} event is raised.</dd>
 <dt>{{domxref("Document.onwheel")}} {{non-standard_inline}}</dt>
 <dd>Represents the event handling code for the {{event("wheel")}} event.</dd>
</dl>

<p>The <code>Document</code> interface is extended with the {{domxref("GlobalEventHandlers")}} interface:</p>

<p>{{Page("/en-US/docs/Web/API/GlobalEventHandlers", "Properties")}}</p>

<h2 id="Methods" name="Methods">Методи</h2>

<p><em>Цей інтерфейс також розширює {{domxref("Node")}} і {{domxref("EventTarget")}} інтерфейси.</em></p>

<dl>
 <dt>{{domxref("Document.adoptNode()")}}</dt>
 <dd>Приймає вузол із зовнішнього документу.</dd>
 <dt>{{domxref("Document.captureEvents()")}} {{Deprecated_inline}}</dt>
 <dd>Дивись {{domxref("Window.captureEvents")}}.</dd>
 <dt>{{domxref("Document.caretRangeFromPoint()")}}{{non-standard_inline}}</dt>
 <dd>Отримує об'єкт {{Domxref("Range")}} для фрагмента документу у відповідності до вказаних координат.</dd>
 <dt>{{domxref("Document.createAttribute()")}}</dt>
 <dd>Створює новий об'єкт {{domxref("Attr")}} і повертає його.</dd>
 <dt>{{domxref("Document.createAttributeNS()")}}</dt>
 <dd>Створює  новий вузол атрибута в заданому просторі імен і повертає його.</dd>
 <dt>{{domxref("Document.createCDATASection()")}}</dt>
 <dd>Створює новий вузол CDATA і повертає його.</dd>
 <dt>{{domxref("Document.createComment()")}}</dt>
 <dd> Створює новий вузол коментаря і повертає його.</dd>
 <dt>{{domxref("Document.createDocumentFragment()")}}</dt>
 <dd>Створює новий фрагмент документу.</dd>
 <dt>{{domxref("Document.createElement()")}}</dt>
 <dd>Створює новий елемент із заданим ім'ям тега.</dd>
 <dt>{{domxref("Document.createElementNS()")}}</dt>
 <dd>Створює новий елемент із заданим ім'ям тега і URI простором імен.</dd>
 <dt>{{domxref("Document.createEntityReference()")}} {{obsolete_inline}}</dt>
 <dd>Створює нове посилання на об'єкт і повертає його.</dd>
 <dt>{{domxref("Document.createEvent()")}}</dt>
 <dd>Створює об'єкт події.</dd>
 <dt>{{domxref("Document.createNodeIterator()")}}</dt>
 <dd>Створює об'єкт {{domxref("NodeIterator")}}.</dd>
 <dt>{{domxref("Document.createProcessingInstruction()")}}</dt>
 <dd>Створює новий об'єкт {{domxref("ProcessingInstruction")}}.</dd>
 <dt>{{domxref("Document.createRange()")}}</dt>
 <dd>Створює об'єкт {{domxref("Range")}}.</dd>
 <dt>{{domxref("Document.createTextNode()")}}</dt>
 <dd>Створює текстовий вузол.</dd>
 <dt>{{domxref("Document.createTouch()")}} {{Deprecated_inline}}</dt>
 <dd>Створює об'єкт {{domxref("Touch")}}.</dd>
 <dt>{{domxref("Document.createTouchList()")}}</dt>
 <dd>Створює об'єкт {{domxref("TouchList")}}.</dd>
 <dt>{{domxref("Document.createTreeWalker()")}}</dt>
 <dd> Створює об'єкт{{domxref("TreeWalker")}}.</dd>
 <dt>{{domxref("Document.enableStyleSheetsForSet()")}}</dt>
 <dd>Вмикає таблиці стилів для вказаного набору таблиць стилів.</dd>
 <dt>{{domxref("Document.exitPointerLock()")}} {{experimental_inline}}</dt>
 <dd>Звільняє блокування вказівника.</dd>
 <dt>{{domxref("Document.getAnimations()")}} {{experimental_inline}}</dt>
 <dd>Повертає масив всіх об'єктів {{domxref("Animation")}}, які діють на даний момент, чиї цільові елементи є нащадками <code>document</code>.</dd>
 <dt>{{domxref("Document.getElementsByClassName()")}}</dt>
 <dd>Повертає список елементів із заданим ім'ям класу.</dd>
 <dt>{{domxref("Document.getElementsByTagName()")}}</dt>
 <dd>Повертає список елементів із заданим ім'ям тега.</dd>
 <dt>{{domxref("Document.getElementsByTagNameNS()")}}</dt>
 <dd>Повертає список елементів із заданим ім'ям тега і простором імен.</dd>
 <dt>{{domxref("Document.importNode()")}}</dt>
 <dd>Повертає клон вузла з зовнішнього документу.</dd>
 <dt>{{domxref("Document.normalizeDocument()")}} {{obsolete_inline}}</dt>
 <dd>Заміняє сутності, нормалізує текстові вузли, і т. д.</dd>
 <dt>{{domxref("Document.releaseCapture()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
 <dd>Звільняє поточний захват мишки, якщо він знаходиться на елементі в цьому документі.</dd>
 <dt>{{domxref("Document.releaseEvents()")}} {{non-standard_inline}} {{Deprecated_inline}}</dt>
 <dd>Дивись {{domxref("Window.releaseEvents()")}}.</dd>
 <dt>{{domxref("Document.routeEvent()")}} {{non-standard_inline}} {{obsolete_inline(24)}}</dt>
 <dd>Дивись {{domxref("Window.routeEvent()")}}.</dd>
 <dt>{{domxref("Document.mozSetImageElement()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
 <dd>Дозволяє змінити елемент, який використовуєтья в якості фонового зображення для вказаного ідентифікатора елемента. </dd>
</dl>

<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">Інтерфейс </span></font>Document</code> розширюється інтерфейсом {{domxref("ParentNode")}}:</p>

<dl>
 <dt>{{domxref("document.getElementById","document.getElementById(String id)")}}</dt>
 <dd>Повертає посилання на об'єкт визначеного елемента.</dd>
 <dt>{{domxref("document.querySelector","document.querySelector(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
 <dd>Повертає перший Element-вузол в межах документу, в порядку документу, який співпадає зі вказаними селекторами.</dd>
 <dt>{{domxref("document.querySelectorAll","document.querySelectorAll(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
 <dd>Повертає список всіх Element-вузлів в межах документу, які співпадають з вказаними селекторами.</dd>
</dl>

<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">Інтерфейс </span></font>Document</code> розширюється інтерфейсом {{domxref("XPathEvaluator")}}:</p>

<dl>
 <dt>{{domxref("document.createExpression","document.createExpression(String expression, XPathNSResolver resolver)")}}</dt>
 <dd>Компілює <code><a href="/en-US/docs/XPathExpression" title="XPathExpression">XPathExpression</a></code> який може тоді бути використаний для (повторюваних) оцінювань.</dd>
 <dt>{{domxref("document.createNSResolver","document.createNSResolver(Node resolver)")}}</dt>
 <dd>Створює об'єкт {{domxref("XPathNSResolver")}}.</dd>
 <dt>{{domxref("document.evaluate","document.evaluate(String expression, Node contextNode, XPathNSResolver resolver, Number type, Object result)")}}</dt>
 <dd>Вираховує вираз XPath.</dd>
</dl>

<h3 id="Розширення_для_HTML-документів">Розширення для HTML-документів</h3>

<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">інтерфейс </span></font>Document</code> для HTML-документів наслідується від інтерфейсу {{domxref("HTMLDocument")}} або, починаючи з HTML5,  розширюється для таких документів:</p>

<dl>
 <dt>{{domxref("document.clear()")}} {{non-standard_inline}} {{Deprecated_inline}}</dt>
 <dd>In majority of modern browsers, including recent versions of Firefox and Internet Explorer, this method does nothing.</dd>
 <dt>{{domxref("document.close()")}}</dt>
 <dd>Closes a document stream for writing.</dd>
 <dt>{{domxref("document.execCommand","document.execCommand(String command[, Boolean showUI[, String value]])")}}</dt>
 <dd>On an editable document, executes a formating command.</dd>
 <dt>{{domxref("document.getElementsByName","document.getElementsByName(String name)")}}</dt>
 <dd>Returns a list of elements with the given name.</dd>
 <dt>{{domxref("document.hasFocus()")}}</dt>
 <dd>Returns <code>true</code> if the focus is currently located anywhere inside the specified document.</dd>
 <dt>{{domxref("document.open()")}}</dt>
 <dd>Opens a document stream for writing.</dd>
 <dt>{{domxref("document.queryCommandEnabled","document.queryCommandEnabled(String command)")}}</dt>
 <dd>Returns true if the formating command can be executed on the current range.</dd>
 <dt>{{domxref("document.queryCommandIndeterm","document.queryCommandIndeterm(String command)")}}</dt>
 <dd>Returns true if the formating command is in an indeterminate state on the current range.</dd>
 <dt>{{domxref("document.queryCommandState","document.queryCommandState(String command)")}}</dt>
 <dd>Returns true if the formating command has been executed on the current range.</dd>
 <dt>{{domxref("document.queryCommandSupported","document.queryCommandSupported(String command)")}}</dt>
 <dd>Returns true if the formating command is supported on the current range.</dd>
 <dt>{{domxref("document.queryCommandValue","document.queryCommandValue(String command)")}}</dt>
 <dd>Returns the current value of the current range for a formating command.</dd>
 <dt>{{domxref("document.write","document.write(String text)")}}</dt>
 <dd>Writes text in a document.</dd>
 <dt>{{domxref("document.writeln","document.writeln(String text)")}}</dt>
 <dd>Writes a line of text in a document.</dd>
</dl>

<h3 id="Methods_included_from_DocumentOrShadowRoot">Methods included from DocumentOrShadowRoot</h3>

<p><em>The <code>Document</code> interface includes the following methods defined on the {{domxref("DocumentOrShadowRoot")}} mixin. Note that this is currently only implemented by Chrome; other browsers still implement them on the {{domxref("Document")}} interface.</em></p>

<dl>
 <dt>{{domxref("DocumentOrShadowRoot.getSelection()")}}</dt>
 <dd>Returns a {{domxref('Selection')}} object representing the range of text selected by the user, or the current position of the caret.</dd>
 <dt>{{domxref("DocumentOrShadowRoot.elementFromPoint()")}}</dt>
 <dd>Returns the topmost element at the specified coordinates.</dd>
 <dt>{{domxref("DocumentOrShadowRoot.elementsFromPoint()")}}</dt>
 <dd>Returns an array of all elements at the specified coordinates.</dd>
 <dt>{{domxref("DocumentOrShadowRoot.caretPositionFromPoint()")}}</dt>
 <dd>Returns a {{domxref('CaretPosition')}} object containing the DOM node containing the caret, and caret's character offset within that node.</dd>
</dl>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('Page Visibility API', '#onvisiblitychange-event-handler', 'onvisibilitychange')}}</td>
   <td>{{Spec2('Page Visibility API')}}</td>
   <td>Adds <code>onvisibility</code><code>change</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('Selection API', '', 'Extend Document and GlobalEventHandlers')}}</td>
   <td>{{Spec2('Selection API')}}</td>
   <td>Adds <code>onselectstart</code> and <code>onselectionchange</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1','#i-Document','Document')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>Initial definition for the interface</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Core','#i-Document','Document')}}</td>
   <td>{{Spec2('DOM2 Core')}}</td>
   <td>Supersede DOM 1</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM3 Core','#i-Document','Document')}}</td>
   <td>{{Spec2('DOM3 Core')}}</td>
   <td>Supersede DOM 2</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG','#interface-document','Document')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>Intend to supersede DOM 3</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','dom.html#the-document-object','Document')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Turn the {{domxref("HTMLDocument")}} interface into a <code>Document</code> extension.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM3 XPath','xpath.html#XPathEvaluator','XPathEvaluator')}}</td>
   <td>{{Spec2('DOM3 XPath')}}</td>
   <td>Define the {{domxref("XPathEvaluator")}} interface which extend document.</td>
  </tr>
  <tr>
   <td>{{SpecName('Page Visibility API', '#sec-document-interface', 'Document')}}</td>
   <td>{{Spec2('Page Visibility API')}}</td>
   <td>Extend the <code>Document</code> interface with the <code>visibilityState</code> and <code>hidden</code> attributes</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML Editing','#dom-document-getselection','Document')}}</td>
   <td>{{Spec2('HTML Editing')}}</td>
   <td>Extend the <code>Document</code> interface</td>
  </tr>
  <tr>
   <td>{{SpecName('CSSOM View','#extensions-to-the-document-interface','Document')}}</td>
   <td>{{Spec2('CSSOM View')}}</td>
   <td>Extend the <code>Document</code> interface</td>
  </tr>
  <tr>
   <td>{{SpecName('CSSOM','#extensions-to-the-document-interface','Document')}}</td>
   <td>{{Spec2('CSSOM')}}</td>
   <td>Extend the <code>Document</code> interface</td>
  </tr>
  <tr>
   <td>{{SpecName('Pointer Lock','#extensions-to-the-document-interface','Document')}}</td>
   <td>{{Spec2('Pointer Lock')}}</td>
   <td>Extend the <code>Document</code> interface</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility_notes">Browser compatibility notes</h2>

<h3 id="Firefox_notes">Firefox notes</h3>

<p>Mozilla defines a set of non-standard properties made only for XUL content:</p>

<dl>
 <dt>{{domxref("document.currentScript")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
 <dd>Returns the {{HTMLElement("script")}} element that is currently executing.</dd>
 <dt>{{domxref("document.documentURIObject")}} {{gecko_minversion_inline("1.9")}}</dt>
 <dd>(<strong>Mozilla add-ons only!</strong>) Returns the {{Interface("nsIURI")}} object representing the URI of the document. This property only has special meaning in privileged JavaScript code (with UniversalXPConnect privileges).</dd>
 <dt>{{domxref("document.popupNode")}}</dt>
 <dd>Returns the node upon which a popup was invoked.</dd>
 <dt>{{domxref("document.tooltipNode")}}</dt>
 <dd>Returns the node which is the target of the current tooltip.</dd>
</dl>

<p>Mozilla also define some non-standard methods:</p>

<dl>
 <dt>{{domxref("document.execCommandShowHelp")}} {{obsolete_inline("14.0")}}</dt>
 <dd>This method never did anything and always threw an exception, so it was removed in Gecko 14.0 {{geckoRelease("14.0")}}.</dd>
 <dt>{{domxref("document.getBoxObjectFor")}} {{obsolete_inline}}</dt>
 <dd>Use the {{domxref("Element.getBoundingClientRect()")}} method instead.</dd>
 <dt>{{domxref("document.loadOverlay")}} {{Fx_minversion_inline("1.5")}}</dt>
 <dd>Loads a <a href="/en-US/docs/XUL_Overlays" title="XUL_Overlays">XUL overlay</a> dynamically. This only works in XUL documents.</dd>
 <dt>{{domxref("document.queryCommandText")}} {{obsolete_inline("14.0")}}</dt>
 <dd>This method never did anything but throw an exception, and was removed in Gecko 14.0 {{geckoRelease("14.0")}}.</dd>
</dl>

<h3 id="Internet_Explorer_notes">Internet Explorer notes</h3>

<p>Microsoft defines some non-standard properties:</p>

<dl>
 <dt>{{domxref("document.fileSize")}}* {{non-standard_inline}} {{obsolete_inline}}</dt>
 <dd>Returns size in bytes of the document. Starting with Internet Explorer 11, that property is no longer supported. See <a href="http://msdn.microsoft.com/en-us/library/ms533752%28v=VS.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ms533752%28v=VS.85%29.aspx">MSDN</a>.</dd>
 <dt><span style="font-weight: normal; line-height: 1.5;">Internet Explorer does not support all methods from the <code>Node</code> interface in the <code>Document</code> interface:</span></dt>
</dl>

<dl>
 <dt>{{domxref("document.contains")}}</dt>
 <dd>As a work-around, <code>document.body.contains()</code> can be used.</dd>
</dl>