---
title: Document
slug: Web/API/Document
tags:
  - API
  - DOM
  - Document
  - Interface
  - NeedsTranslation
  - Reference
  - TopicStub
translation_of: Web/API/Document
---
<p><span class="seoSummary">The <strong><code>Document</code></strong> interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the <a href="/en-US/docs/Using_the_W3C_DOM_Level_1_Core" title="Using_the_W3C_DOM_Level_1_Core">DOM tree</a>.</span> The DOM tree includes elements such as {{HTMLElement("body")}} and {{HTMLElement("table")}}, among <a href="/en-US/docs/Web/HTML/Element">many others</a>. It provides functionality globally to the document, like how to obtain the page's URL and create new elements in the document.</p>

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

<p>The <code>Document</code> interface describes the common properties and methods for any kind of document. Depending on the document's type (e.g. <a href="/en-US/docs/HTML" title="HTML">HTML</a>, <a href="/en-US/docs/XML" title="XML">XML</a>, SVG, …), a larger API is available: HTML documents, served with the <code>"text/html"</code> content type, also implement the {{domxref("HTMLDocument")}} interface, whereas XML and SVG documents implement the {{domxref("XMLDocument")}} interface.</p>

<h2 id="Properties" name="Properties">Constructor</h2>

<dl>
 <dt>{{domxref("Document.Document","Document()")}}{{non-standard_inline}}</dt>
 <dd>Creates a new <code>Document</code> object.</dd>
</dl>

<h2 id="Properties" name="Properties">Properties</h2>

<p><em>This interface also inherits from the {{domxref("Node")}} and {{domxref("EventTarget")}} interfaces.</em></p>

<dl>
 <dt>{{domxref("Document.anchors")}} {{readonlyinline}}</dt>
 <dd>Returns a list of all of the anchors in the document.</dd>
 <dt>{{domxref("Document.body")}}</dt>
 <dd>Returns the {{HTMLElement("body")}} or {{htmlelement("frameset")}} node of the current document.</dd>
 <dt>{{domxref("Document.characterSet")}} {{readonlyinline}}</dt>
 <dd>Returns the character set being used by the document.</dd>
 <dt>{{domxref("Document.compatMode")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>Indicates whether the document is rendered in <em>quirks</em> or <em>strict</em> mode.</dd>
 <dt>{{domxref("Document.contentType")}} {{readonlyinline}} {{experimental_inline}}</dt>
 <dd>Returns the Content-Type from the MIME Header of the current document.</dd>
 <dt>{{domxref("Document.doctype")}} {{readonlyinline}}</dt>
 <dd>Returns the Document Type Definition (DTD) of the current document.</dd>
 <dt>{{domxref("Document.documentElement")}} {{readonlyinline}}</dt>
 <dd>Returns the {{domxref("Element")}} that is a direct child of the document. For HTML documents, this is normally the <span class="seoSummary">{{domxref("HTMLElement")}}</span> element.</dd>
 <dt>{{domxref("Document.documentURI")}} {{readonlyinline}}</dt>
 <dd>Returns the document location as a string.</dd>
 <dt>{{domxref("Document.embeds")}} {{readonlyinline}}</dt>
 <dd>Returns a list of the embedded {{HTMLElement('embed')}} elements within the current document.</dd>
 <dt>{{domxref("Document.fonts")}}</dt>
 <dd>Returns the {{domxref("FontFaceSet")}} interface of the current document.</dd>
 <dt>{{domxref("Document.forms")}} {{readonlyinline}}</dt>
 <dd>Returns a list of the {{HTMLElement("form")}} elements within the current document.</dd>
 <dt>{{domxref("Document.head")}} {{readonlyinline}}</dt>
 <dd>Returns the {{HTMLElement("head")}} element of the current document.</dd>
 <dt>{{domxref("Document.hidden")}} {{readonlyinline}}</dt>
 <dd>…</dd>
 <dt>{{domxref("Document.images")}} {{readonlyinline}}</dt>
 <dd>Returns a list of the images in the current document.</dd>
 <dt>{{domxref("Document.implementation")}} {{readonlyinline}}</dt>
 <dd>Returns the DOM implementation associated with the current document.</dd>
 <dt>{{domxref("Document.lastStyleSheetSet")}} {{readonlyinline}}</dt>
 <dd>Returns the name of the style sheet set that was last enabled. Has the value <code>null</code> until the style sheet is changed by setting the value of {{domxref("document.selectedStyleSheetSet","selectedStyleSheetSet")}}.</dd>
 <dt>{{domxref("Document.links")}} {{readonlyinline}}</dt>
 <dd>Returns a list of all the hyperlinks in the document.</dd>
 <dt>{{domxref("Document.mozSyntheticDocument")}} {{non-standard_inline}} {{gecko_minversion_inline("8.0")}}</dt>
 <dd>Returns a {{jsxref("Boolean")}} that is <code>true</code> only if this document is synthetic, such as a standalone image, video, audio file, or the like.</dd>
 <dt>{{domxref("Document.mozFullScreenElement")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
 <dd>The element that's currently in full screen mode for this document.</dd>
 <dt>{{domxref("Document.mozFullScreenEnabled")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
 <dd><code>true</code> if calling {{domxref("Element.mozRequestFullscreen()")}} would succeed in the current document.</dd>
 <dt>{{domxref("Document.plugins")}} {{readonlyinline}}</dt>
 <dd>Returns a list of the available plugins.</dd>
 <dt>{{domxref("Document.policy")}} {{readonlyinline}}{{experimental_inline}}</dt>
 <dd>Returns the {{domxref("Policy")}} interface which provides a simple API for introspecting the feature policies applied to a specific document.</dd>
 <dt>{{domxref("Document.preferredStyleSheetSet")}} {{readonlyinline}}</dt>
 <dd>Returns the preferred style sheet set as specified by the page author.</dd>
 <dt>{{domxref("Document.scripts")}} {{readonlyinline}}</dt>
 <dd>Returns all the {{HTMLElement("script")}} elements on the document.</dd>
 <dt>{{domxref("Document.scrollingElement")}} {{readonlyinline}}</dt>
 <dd>Returns a reference to the {{domxref("Element")}} that scrolls the document.</dd>
 <dt>{{domxref("Document.selectedStyleSheetSet")}}</dt>
 <dd>Returns which style sheet set is currently in use.</dd>
 <dt>{{domxref("Document.styleSheetSets")}} {{readonlyinline}}</dt>
 <dd>Returns a list of the style sheet sets available on the document.</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>Returns a <code>string</code> denoting the visibility state of the document. Possible values are <code>visible</code>,  <code>hidden</code>,  <code>prerender</code>, and <code>unloaded</code>.</dd>
</dl>

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

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

<h3 id="Extensions_for_HTMLDocument">Extensions for HTMLDocument</h3>

<p><em>The <code>Document</code> interface for HTML documents inherits from the {{domxref("HTMLDocument")}} interface or, since HTML5,  is extended for such documents.</em></p>

<dl>
 <dt>{{domxref("Document.cookie")}}</dt>
 <dd>Returns a semicolon-separated list of the cookies for that document or sets a single cookie.</dd>
 <dt>{{domxref("Document.defaultView")}} {{readonlyinline}}</dt>
 <dd>Returns a reference to the window object.</dd>
 <dt>{{domxref("Document.designMode")}}</dt>
 <dd>Gets/sets the ability to edit the whole document.</dd>
 <dt>{{domxref("Document.dir")}} {{readonlyinline}}</dt>
 <dd>Gets/sets directionality (rtl/ltr) of the document.</dd>
 <dt>{{domxref("Document.domain")}}</dt>
 <dd>Gets/sets the domain of the current document.</dd>
 <dt>{{domxref("Document.lastModified")}} {{readonlyinline}}</dt>
 <dd>Returns the date on which the document was last modified.</dd>
 <dt>{{domxref("Document.location")}} {{readonlyinline}}</dt>
 <dd>Returns the URI of the current document.</dd>
 <dt>{{domxref("Document.readyState")}} {{readonlyinline}} {{gecko_minversion_inline("1.9.2")}}</dt>
 <dd>Returns loading status of the document.</dd>
 <dt>{{domxref("Document.referrer")}} {{readonlyinline}}</dt>
 <dd>Returns the URI of the page that linked to this page.</dd>
 <dt>{{domxref("Document.title")}}</dt>
 <dd>Sets or gets the title of the current document.</dd>
 <dt>{{domxref("Document.URL")}} {{readonlyInline}}</dt>
 <dd>Returns the document location as a string.</dd>
</dl>

<h3 id="Properties_included_from_DocumentOrShadowRoot">Properties included from DocumentOrShadowRoot</h3>

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

<h3 id="Deprecated_properties">Deprecated properties</h3>

<dl>
 <dt>{{domxref("Document.alinkColor")}} {{Deprecated_inline}}</dt>
 <dd>Returns or sets the color of active links in the document body.</dd>
 <dt>{{domxref("Document.all")}} {{Deprecated_inline}} {{non-standard_inline}}</dt>
 <dd>Provides access to all elements in the document. This is a legacy, non-standard property and should not be used.</dd>
 <dt>{{domxref("Document.applets")}} {{Deprecated_inline}} {{readonlyinline}}</dt>
 <dd>Returns an ordered list of the applets within a document.</dd>
 <dt>{{domxref("Document.async")}} {{Deprecated_inline}}</dt>
 <dd>Used with {{domxref("Document.load")}} to indicate an asynchronous request.</dd>
 <dt>{{domxref("Document.bgColor")}} {{Deprecated_inline}}</dt>
 <dd>Gets/sets the background color of the current document.</dd>
 <dt>{{domxref("Document.charset")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
 <dd>Alias of {{domxref("Document.characterSet")}}. Use this property instead.</dd>
 <dt>{{domxref("Document.domConfig")}} {{Deprecated_inline}}</dt>
 <dd>Should return a {{domxref("DOMConfiguration")}} object.</dd>
 <dt>{{domxref("document.fgColor")}} {{Deprecated_inline}}</dt>
 <dd>Gets/sets the foreground color, or text color, of the current document.</dd>
 <dt>{{domxref("Document.fullscreen")}} {{obsolete_inline}}</dt>
 <dd><code>true</code> when the document is in {{domxref("Using_full-screen_mode","full-screen mode")}}.</dd>
 <dt>{{domxref("Document.height")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
 <dd>Gets/sets the height of the current document.</dd>
 <dt>{{domxref("Document.inputEncoding")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
 <dd>Alias of {{domxref("Document.characterSet")}}. Use this property instead.</dd>
 <dt>{{domxref("Document.linkColor")}} {{Deprecated_inline}}</dt>
 <dd>Gets/sets the color of hyperlinks in the document.</dd>
 <dt>{{domxref("Document.vlinkColor")}} {{Deprecated_inline}}</dt>
 <dd>Gets/sets the color of visited hyperlinks.</dd>
 <dt>{{domxref("Document.width")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
 <dd>Returns the width of the current document.</dd>
 <dt>{{domxref("Document.xmlEncoding")}} {{Deprecated_inline}}</dt>
 <dd>Returns the encoding as determined by the XML declaration.</dd>
 <dt>{{domxref("Document.xmlStandalone")}} {{obsolete_inline("10.0")}}</dt>
 <dd>Returns <code>true</code> if the XML declaration specifies the document to be standalone (<em>e.g.,</em> An external part of the DTD affects the document's content), else <code>false</code>.</dd>
 <dt>{{domxref("Document.xmlVersion")}} {{obsolete_inline("10.0")}}</dt>
 <dd>Returns the version number as specified in the XML declaration or <code>"1.0"</code> if the declaration is absent.</dd>
</dl>

<h2 id="Methods" name="Methods">Methods</h2>

<p><em>This interface also inherits from the {{domxref("Node")}} and {{domxref("EventTarget")}} interfaces.</em></p>

<dl>
 <dt>{{domxref("Document.adoptNode()")}}</dt>
 <dd>Adopt node from an external document.</dd>
 <dt>{{domxref("Document.captureEvents()")}} {{Deprecated_inline}}</dt>
 <dd>See {{domxref("Window.captureEvents")}}.</dd>
 <dt>{{domxref("Document.caretRangeFromPoint()")}}{{non-standard_inline}}</dt>
 <dd>Gets a {{Domxref("Range")}} object for the document fragment under the specified coordinates.</dd>
 <dt>{{domxref("Document.createAttribute()")}}</dt>
 <dd>Creates a new {{domxref("Attr")}} object and returns it.</dd>
 <dt>{{domxref("Document.createAttributeNS()")}}</dt>
 <dd>Creates a new attribute node in a given namespace and returns it.</dd>
 <dt>{{domxref("Document.createCDATASection()")}}</dt>
 <dd>Creates a new CDATA node and returns it.</dd>
 <dt>{{domxref("Document.createComment()")}}</dt>
 <dd>Creates a new comment node and returns it.</dd>
 <dt>{{domxref("Document.createDocumentFragment()")}}</dt>
 <dd>Creates a new document fragment.</dd>
 <dt>{{domxref("Document.createElement()")}}</dt>
 <dd>Creates a new element with the given tag name.</dd>
 <dt>{{domxref("Document.createElementNS()")}}</dt>
 <dd>Creates a new element with the given tag name and namespace URI.</dd>
 <dt>{{domxref("Document.createEntityReference()")}} {{obsolete_inline}}</dt>
 <dd>Creates a new entity reference object and returns it.</dd>
 <dt>{{domxref("Document.createEvent()")}}</dt>
 <dd>Creates an event object.</dd>
 <dt>{{domxref("Document.createNodeIterator()")}}</dt>
 <dd>Creates a {{domxref("NodeIterator")}} object.</dd>
 <dt>{{domxref("Document.createProcessingInstruction()")}}</dt>
 <dd>Creates a new {{domxref("ProcessingInstruction")}} object.</dd>
 <dt>{{domxref("Document.createRange()")}}</dt>
 <dd>Creates a {{domxref("Range")}} object.</dd>
 <dt>{{domxref("Document.createTextNode()")}}</dt>
 <dd>Creates a text node.</dd>
 <dt>{{domxref("Document.createTouch()")}} {{Deprecated_inline}}</dt>
 <dd>Creates a {{domxref("Touch")}} object.</dd>
 <dt>{{domxref("Document.createTouchList()")}}</dt>
 <dd>Creates a {{domxref("TouchList")}} object.</dd>
 <dt>{{domxref("Document.createTreeWalker()")}}</dt>
 <dd>Creates a {{domxref("TreeWalker")}} object.</dd>
 <dt>{{domxref("Document.enableStyleSheetsForSet()")}}</dt>
 <dd>Enables the style sheets for the specified style sheet set.</dd>
 <dt>{{domxref("Document.exitPointerLock()")}} {{experimental_inline}}</dt>
 <dd>Release the pointer lock.</dd>
 <dt>{{domxref("Document.getAnimations()")}} {{experimental_inline}}</dt>
 <dd>Returns an array of all {{domxref("Animation")}} objects currently in effect, whose target elements are descendants of the <code>document</code>.</dd>
 <dt>{{domxref("Document.getElementsByClassName()")}}</dt>
 <dd>Returns a list of elements with the given class name.</dd>
 <dt>{{domxref("Document.getElementsByTagName()")}}</dt>
 <dd>Returns a list of elements with the given tag name.</dd>
 <dt>{{domxref("Document.getElementsByTagNameNS()")}}</dt>
 <dd>Returns a list of elements with the given tag name and namespace.</dd>
 <dt>{{domxref("Document.importNode()")}}</dt>
 <dd>Returns a clone of a node from an external document.</dd>
 <dt>{{domxref("Document.normalizeDocument()")}} {{obsolete_inline}}</dt>
 <dd>Replaces entities, normalizes text nodes, etc.</dd>
 <dt>{{domxref("Document.releaseCapture()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
 <dd>Releases the current mouse capture if it's on an element in this document.</dd>
 <dt>{{domxref("Document.releaseEvents()")}} {{non-standard_inline}} {{Deprecated_inline}}</dt>
 <dd>See {{domxref("Window.releaseEvents()")}}.</dd>
 <dt>{{domxref("Document.routeEvent()")}} {{non-standard_inline}} {{obsolete_inline(24)}}</dt>
 <dd>See {{domxref("Window.routeEvent()")}}.</dd>
 <dt>{{domxref("Document.mozSetImageElement()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
 <dd>Allows you to change the element being used as the background image for a specified element ID.</dd>
</dl>

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

<dl>
 <dt>{{domxref("document.getElementById","document.getElementById(String id)")}}</dt>
 <dd>Returns an object reference to the identified element.</dd>
 <dt>{{domxref("document.querySelector","document.querySelector(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
 <dd>Returns the first Element node within the document, in document order, that matches the specified selectors.</dd>
 <dt>{{domxref("document.querySelectorAll","document.querySelectorAll(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
 <dd>Returns a list of all the Element nodes within the document that match the specified selectors.</dd>
</dl>

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

<dl>
 <dt>{{domxref("document.createExpression","document.createExpression(String expression, XPathNSResolver resolver)")}}</dt>
 <dd>Compiles an <code><a href="/en-US/docs/XPathExpression" title="XPathExpression">XPathExpression</a></code> which can then be used for (repeated) evaluations.</dd>
 <dt>{{domxref("document.createNSResolver","document.createNSResolver(Node resolver)")}}</dt>
 <dd>Creates an {{domxref("XPathNSResolver")}} object.</dd>
 <dt>{{domxref("document.evaluate","document.evaluate(String expression, Node contextNode, XPathNSResolver resolver, Number type, Object result)")}}</dt>
 <dd>Evaluates an XPath expression.</dd>
</dl>

<h3 id="Extension_for_HTML_documents">Extension for HTML documents</h3>

<p>The <code>Document</code> interface for HTML documents inherit from the {{domxref("HTMLDocument")}} interface or, since HTML5,  is extended for such documents:</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="Non-standard_extensions_non-standard_inline">Non-standard extensions {{non-standard_inline}}</h2>

<div>{{non-standard_header}}</div>

<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")}}</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>
</dl>

<p>Internet Explorer does not support all methods from the <code>Node</code> interface in the <code>Document</code> interface:</p>

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

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <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("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>
  <tr>
   <td>{{SpecName("Page Visibility API", "#extensions-to-the-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 and the <code>onvisibilitychange</code> event listener.</td>
  </tr>
  <tr>
   <td>{{SpecName("Selection API", "#extensions-to-document-interface", "Document")}}</td>
   <td>{{Spec2("Selection API")}}</td>
   <td>Adds <code>getSelection()</code>, <code>onselectstart</code> and <code>onselectionchange</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName("DOM4", "#interface-document", "Document")}}</td>
   <td>{{Spec2("DOM4")}}</td>
   <td>Supersede DOM 3</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("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("DOM2 Core", "#i-Document", "Document")}}</td>
   <td>{{Spec2("DOM2 Core")}}</td>
   <td>Supersede DOM 1</td>
  </tr>
  <tr>
   <td>{{SpecName("DOM1", "#i-Document", "Document")}}</td>
   <td>{{Spec2("DOM1")}}</td>
   <td>Initial definition for the interface</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>



<p>{{Compat("api.Document")}}</p>

<div>{{APIRef}}</div>