document

L'interface Document représente n'importe quelle page Web chargée dans le navigateur et sert de point d'entrée dans le contenu de la page Web, qui est l'arborescence DOM. L'arborescence DOM inclut des éléments tels que <body> (corps) et <table> (tableau), parmi beaucoup d'autres. Il fournit des fonctionnalités globales au document, comme le moyen d'obtenir l'URL de la page et de créer de nouveaux éléments dans le document.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25  236,20  236,30  226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/fr/docs/Web/API/Document" target="_top"><rect x="266" y="1" width="80" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="306" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Document</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

L'interface Document décrit les propriétés et méthodes communes à tout type de document. En fonction du type de document (HTML, XML, SVG, ...), une API plus grande est disponible : les documents HTML, servis avec le type text/html, implémentent également l'interface HTMLDocument, alors que les documents XML et SVG implémentent l'interface XMLDocument.

Constructeur

Document(): crée un nouvel objet Document .

Propriétés

Cette interface hérite aussi des interfaces Node et EventTarget .

Document.all: fournit un accès à tous les éléments du document. C'est une interface héritée non standard qui ne doit pas être utilisée.

Document.async: utilisé avec document.load pour indiquer une requête asynchrone.

Document.characterSet Lecture seule: renvoie le jeu de caractères utilisé par le document.

Document.compatMode Lecture seule: indique si le document est rendu en mode Quirks ou Strict.

Document.contentType Lecture seule: Renvoie le type de contenu de l'en-tête MIME du document courant.

Document.doctype Lecture seule: Renvoie le DTD (Document Type Definition) du document courant.

Document.documentElement Lecture seule: Renvoie l'Element qui est l'enfant direct du document. Pour les documents HTML, il s'agit normalement de l'élément <html>.
Document.documentURI Lecture seule: retroune l'emplacement du document sous la forme d'une chaîne de caractères.
Document.domConfig: devrait retourner un objet DOMConfiguration .
Document.fullscreen: true (vrai) quand le document est en mode plein écran.
Document.hidden Lecture seule: ...
Document.implementation Lecture seule: Renvoie l'implémentation DOM associée au document courant.
Document.inputEncoding Lecture seule: alias de Document.characterSet. Utilisez cette propriété à la place.
Document.lastStyleSheetSet Lecture seule: retourne le nom de l'ensemble de feuilles de style qui a été activé en dernier. A la valeur null jusqu'à ce que la feuille de style soit modifiée en définissant la valeur de selectedStyleSheetSet.
Document.mozSyntheticDocument: retourne un Boolean qui est true (vrai) seulement si le document est synthétique, tel qu'une image autonome, une vidéo, un fichier audio ou similaire.
Document.mozFullScreenElement Lecture seule: L'élément qui est actuellement affiché en mode plein écran pour ce document.
Document.mozFullScreenEnabled Lecture seule: true (vrai) si l'appel Element.mozRequestFullscreen() est réussi dans le document courant.
Document.pointerLockElement Lecture seule: renvoie l'ensemble d'éléments en tant que cible pour les événements de la souris lorsque le pointeur est verrouillé. null si le verrouillage est en attente, le pointeur est déverrouillé ou la cible se trouve dans un autre document.
Document.preferredStyleSheetSet Lecture seule: renvoie la page de style préférée spécifiée par l'auteur de la page.
Document.scrollingElement Lecture seule: retourne une référence à l'Element qui fait défiler le document.
Document.selectedStyleSheetSet: renvoie la feuille de style actuellement utilisée.
Document.styleSheets Lecture seule: Renvoie une liste de tous les objets stylesheet (feuilles de styles) du document courant.
Document.timeline Lecture seule: ...
Document.undoManager Lecture seule: ...
Document.visibilityState Lecture seule: renvoie une string (chaîne de caractères) indiquant l'état de visibilité du document. Les valeurs possibles sont visible , hidden (masqué) , prerender (pré-rendu) et unloaded (déchargées).
Document.xmlEncoding: retourne le codage déterminé par une déclaration XML.
Document.xmlStandalone Obsolète depuis Gecko 10.0: renvoie true si la déclaration XML précise que le document doit être autonome (par exemple, une partie externe de la DTD du contenu du document), sinon false (faux).
Document.xmlVersion Obsolète depuis Gecko 10.0: retourne le numéro de la version spécifié dans la déclaration XML ou "1.0" si la déclaration est absente.

L'interface Document est étendue avec l'interface ParentNode :

ParentNode.children Lecture seule: Retourne la HTMLCollection contenant tous les objets de type Element qui sont des enfants de ce ParentNode.
ParentNode.firstElementChild Lecture seule: Retourne l' Element qui est le premier enfant de ce ParentNode, ou null s'il n'y en a pas.
ParentNode.lastElementChild Lecture seule: Retourne l'élément Element qui est le dernier enfant de ce ParentNode, ou null s'il n'y en a pas.
ParentNode.childElementCount Lecture seule: Retourne un unsigned long donnant la quantité d'enfants du parent.

Extensions du document HTML

L'interface Document, pour les documents HTML, hérite de l'interface HTMLDocument ou depuis HTML5, est étendue pour eux.

Document.activeElement Lecture seule: Renvoie l'élément courant qui a la focus.
Document.alinkColor: Renvoie ou définit la couleur des liens actifs du corps du document.
Document.anchors: Renvoie une liste de toutes les ancres du document.
Document.applets: Renvoie une liste ordonnée des "applets" du document.
Document.bgColor: bgColor renvoie ou définit la couleur d'arrière-plan du document courant.

Document.body: body renvoie l'élément <body> du document en cours.
Document.cookie: Renvoie une liste des cookies du document, séparés par des points virgules, ou définit un cookie.

Document.defaultView Lecture seule: Renvoie une référence à l'objet window.
Document.designMode: renvoie ou définit les capacités d'édition du document entier.
Document.dir Lecture seule: Assigne / renvoie le sens du texte (rtl/ltr) (de gauche à droite / de droite à gauche) du document.
Document.domain: renvoie ou affecte le domaine de l'élément courant.
Document.embeds Lecture seule: renvoie une liste des objets <embed> inclus dans le document courant.

Document.fgColor: renvoie ou définit la couleur du texte du document courant.
Document.forms Lecture seule: forms renvoie une liste des éléments <form> du document courant
Document.head Lecture seule: Renvoie l'élément <head> du document.
Document.height: renvoie ou définit la hauteur du document courant.
Document.images Lecture seule: renvoie une liste des images du document courant.
Document.lastModified Lecture seule: Renvoie la date de dernière modification du document.
Document.linkColor: Renvoie ou définit la couleur des liens du document.
Document.links Lecture seule: Renvoie un tableau de tous les liens du document.
Document.location Lecture seule: Renvoie l'URI (Uniform Ressource Identifier : identifiant uniforme de ressource) du document courant.
Document.plugins Lecture seule: Renvoie une liste des plugins disponibles.
Document.readyState Lecture seule: retourne l'état du chargement du document.
Document.referrer Lecture seule: Renvoie l'URI de la page qui a amené à cette page.
Document.scripts Lecture seule: renvoie tous les éléments <script> sur le document.
Document.title: Renvoie le titre du document courant.
Document.URL Lecture seule: Renvoie une chaîne de caractères contenant l'URL ("Uniform Resource Locator", repère uniforme de ressource) du document courant.

Document.vlinkColor: Renvoie ou définit la couleur des liens visités du document.
Document.width: Renvoie la largeur du document courant.

Gestionnaire d'évènements

Document.onafterscriptexecute: représente le code de gestion d'évènements pour l'évènement afterscriptexecute
Document.onbeforescriptexecute: retourne le code de gestion d'évènements pour l'évènement beforescriptexecute .
Document.oncopy: représente le code de gestion d'évènements pour l'évènement copy .
Document.oncut: représente le code de gestion d'évènements pour l'évènement cut .
Document.onfullscreenchange: est un EventHandler ( gestionnaire d'évènements) représentant le code à appeler quand l'élément fullscreenchange est relevé.
Document.onfullscreenerror
Document.onfullscreenchange: est un EventHandler ( gestionnaire d'évènements) représentant le code à appeler quand l'élément fullscreenerror est relevé.
Document.onpaste: représente le code de gestion d'évènements pour l'évènement paste .
Document.onpointerlockchange: représente le code de gestion d'évènements pour l'évènement pointerlockchange .
Document.onpointerlockerror: représente le code de gestion d'évènements pour l'évènement pointerlockerror .
Document.onreadystatechange: représente le code de gestion d'évènements pour l'évènement readystatechange .
Document.onselectionchange: est un EventHandler ( gestionnaire d'évènements) représentant le code à appeler quand l'élément selectionchange est relevé.
Document.onvisibilitychange: est un EventHandler ( gestionnaire d'évènements) représentant le code à appeler quand l'élément visibilitychange est relevé.
Document.onwheel: représente le code de gestion d'évènements pour l'évènement wheel .

L'interface Document est étendue avec l'interface GlobalEventHandlers :

Les propriétés des évènements, de la forme onXYZ, sont définies sur GlobalEventHandlers et implémentées par HTMLElement, Document, Window et WorkerGlobalScope pour les Web Workers.

GlobalEventHandlers.onabort: Est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement abort est déclenché.
GlobalEventHandlers.onanimationcancel: un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement animationcancel est envoyé, indiquant que l'exécution de l'animation CSS a été abandonnée.
GlobalEventHandlers.onanimationend: un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement animationend est envoyé, indiquant que l'exécution de l'animation CSS a été abandonnée.
GlobalEventHandlers.onanimationiteration: un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement animationiteration est envoyé , indiquant qu'une animation CSS a commencé à jouer une nouvelle itération de la séquence d'animation.
GlobalEventHandlers.onanimationstart: un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement animationstart est envoyé , indiquant qu'une animation CSS a commencé.
GlobalEventHandlers.onauxclick: un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement auxclick est envoyé , indiquant qu'un bouton non primaire a été enfoncé sur le périphérique d'entrée (par exemple, un bouton du milieu de la souris).
GlobalEventHandlers.onblur: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement blur est déclenché.
GlobalEventHandlers.onerror: est un OnErrorEventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement error est déclenché.
GlobalEventHandlers.onfocus: est un EventHandler représentant le code à appeler lorsque l'évènement focus est déclenché.
GlobalEventHandlers.oncancel: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement cancel est déclenché.
GlobalEventHandlers.oncanplay: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement canplay est déclenché.
GlobalEventHandlers.oncanplaythrough: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement canplaythrough est déclenché.
GlobalEventHandlers.onchange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement change est déclenché.
GlobalEventHandlers.onclick: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement click est déclenché.
GlobalEventHandlers.onclose: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement close est déclenché.
GlobalEventHandlers.oncontextmenu: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement contextmenu est déclenché.
GlobalEventHandlers.oncuechange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement cuechange est déclenché.
GlobalEventHandlers.ondblclick: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dblclick est déclenché.
GlobalEventHandlers.ondrag: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement drag est déclenché.
GlobalEventHandlers.ondragend: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragend est déclenché.
GlobalEventHandlers.ondragenter: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragenter est déclenché.
GlobalEventHandlers.ondragexit: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragexit est déclenché.
GlobalEventHandlers.ondragleave: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragleave est déclenché.
GlobalEventHandlers.ondragover: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragover est déclenché.
GlobalEventHandlers.ondragstart: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement dragstart est déclenché.
GlobalEventHandlers.ondrop: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement drop est déclenché.
GlobalEventHandlers.ondurationchange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement durationchange est déclenché.
GlobalEventHandlers.onemptied: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement emptied est déclenché.
GlobalEventHandlers.onended: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement ended est déclenché.
GlobalEventHandlers.ongotpointercapture: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque le type d'événement gotpointercapture est déclenché.
GlobalEventHandlers.oninput: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement input est déclenché.
GlobalEventHandlers.oninvalid: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement invalid est déclenché.
GlobalEventHandlers.onkeydown: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement keydown est déclenché.
GlobalEventHandlers.onkeypress: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement keypress est déclenché.
GlobalEventHandlers.onkeyup: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement keyup est déclenché.
GlobalEventHandlers.onload: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement load est déclenché.
GlobalEventHandlers.onloadeddata: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement loadeddata est déclenché.
GlobalEventHandlers.onloadedmetadata: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement loadedmetadata est déclenché.
GlobalEventHandlers.onloadend: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement loadend est déclenché (lorsque la progression s'est arrêtée sur le chargement d'une ressource).
GlobalEventHandlers.onloadstart: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement loadstart est déclenché.
GlobalEventHandlers.onlostpointercapture: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque le type d'événement lostpointercapture est déclenché.
GlobalEventHandlers.onmousedown: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mousedown est déclenché.
GlobalEventHandlers.onmouseenter: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mouseenter est déclenché.
GlobalEventHandlers.onmouseleave: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mouseleave est déclenché.
GlobalEventHandlers.onmousemove: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mousemove est déclenché.
GlobalEventHandlers.onmouseout: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mouseout est déclenché.
GlobalEventHandlers.onmouseover: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mouseover est déclenché.
GlobalEventHandlers.onmouseup: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mouseup est déclenché.
GlobalEventHandlers.onmousewheel: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement mousewheel est déclenché. Déprécié. Utiliser onwheel à la place.
GlobalEventHandlers.onwheel: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement wheel est déclenché.
GlobalEventHandlers.onpause: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pause est déclenché.
GlobalEventHandlers.onplay: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement play est déclenché.
GlobalEventHandlers.onplaying: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement playing est déclenché.
GlobalEventHandlers.onpointerdown: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerdown est déclenché.
GlobalEventHandlers.onpointermove: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointermove est déclenché.
GlobalEventHandlers.onpointerup: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerup est déclenché.
GlobalEventHandlers.onpointercancel: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointercancel est déclenché.
GlobalEventHandlers.onpointerover: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerover est déclenché.
GlobalEventHandlers.onpointerout: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerout est déclenché.
GlobalEventHandlers.onpointerenter: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerevent est déclenché.
GlobalEventHandlers.onpointerleave: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerleave est déclenché.
GlobalEventHandlers.onpointerlockchange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerlockchange est déclenché.
GlobalEventHandlers.onpointerlockerror: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement pointerlockerror est déclenché.
GlobalEventHandlers.onprogress: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement progress est déclenché.
GlobalEventHandlers.onratechange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement ratechange est déclenché.
GlobalEventHandlers.onreset: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement reset est déclenché.
GlobalEventHandlers.onscroll: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement scroll est déclenché.
GlobalEventHandlers.onseeked: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement seeked est déclenché.
GlobalEventHandlers.onseeking: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement seeking est déclenché.
GlobalEventHandlers.onselect: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement select est déclenché.
GlobalEventHandlers.onselectstart: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement selectionchange est déclenché, par exemple, quand l'utilisateur commence une nouvelle sélection de texte sur une page web.
GlobalEventHandlers.onselectionchange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement selectionchange est déclenché, par exemple, quand le texte sélectionné sur une page web change.
GlobalEventHandlers.onshow: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement show est déclenché.
GlobalEventHandlers.onsort: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement sort est déclenché.
GlobalEventHandlers.onstalled: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement stalled est déclenché.
GlobalEventHandlers.onsubmit: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement submit est déclenché.
GlobalEventHandlers.onsuspend: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement suspend est déclenché.
GlobalEventHandlers.ontimeupdate: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement timeupdate est déclenché.
GlobalEventHandlers.onvolumechange: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement volumechange est déclenché.
GlobalEventHandlers.ontouchcancel: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement touchcancel est déclenché.
GlobalEventHandlers.ontouchend: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement touchend est déclenché.
GlobalEventHandlers.ontouchmove: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement touchmove est déclenché.
GlobalEventHandlers.ontouchstart: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement touchstart est déclenché.
GlobalEventHandlers.ontransitioncancel: est un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement transitioncancel est envoyé, indiquant qu'une transition CSS a été abandonnée.
GlobalEventHandlers.ontransitionend: est un EventHandler (gestionnaire d'évènements) appelé lorsqu'un évènement transitionend est envoyé, indiquant qu'une transition CSS est terminée.
GlobalEventHandlers.onwaiting: est un EventHandler (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement waiting est déclenché.

Méthodes

Cette interface hérite également des interfaces Node et EventTarget.

Document.adoptNode(): adopte le noeud d'un document externe.
Document.captureEvents(): voir Window.captureEvents.
Document.caretPositionFromPoint(): obtient le CaretPosition aux ou près des coordonnées spécifiées.
Document.caretRangeFromPoint(): Obtient un objet Range pour le fragment de document sous les coordonnées spécifiées.
Document.createAttribute(): Crée un nouvel objet Attr et le renvoie.
Document.createAttributeNS(): Crée un nouveau noeud dans l'espace nom donné et le renvoie.
Document.createCDATASection(): Crée un nouveau nœud CDATA et le renvoie.
Document.createComment(): Crée un nouveau nœud de commentaire et le renvoie.
Document.createDocumentFragment(): Crée un nouveau fragment de document.
Document.createElement(): Crée un nouvel élément avec l'étiquette spécifiée.
Document.createElementNS(): Crée un nouvel élément du type et avec l'URI d'espace de nom spécifiés.
Document.createEntityReference(): Crée un nouvel objet de référence à une entité et le renvoie.
Document.createEvent(): Crée un nouvel évènement.
Document.createNodeIterator(): crée un objet NodeIterator .
Document.createProcessingInstruction(): crée un nouvel objet ProcessingInstruction .
Document.createRange(): Crée un objet Range .
Document.createTextNode(): Crée un nœud de texte.
Document.createTouch(): crée un objet Touch
Document.createTouchList(): crée un objet TouchList
Document.createTreeWalker(): Crée un objet TreeWalker .
Document.elementFromPoint(): Renvoie l'élément visible aux coordonnées spécifiées.
Document.elementsFromPoint(): Renvoie un tableau de tous les éléments aux coordonnées spécifiées.
Document.enableStyleSheetsForSet(): active les feuilles de style pour l'ensemble de feuilles de style spécifié.
Document.exitPointerLock(): Supprime le verrou du pointeur.
Document.getAnimations(): retourne un tableau de tous les objets Animation actuels, dont les éléments cibles sont les descendants de ce document.

Document.getElementsByClassName(): Renvoie une liste des éléments ayant le nom de classe donné.

Document.getElementsByTagName(): Renvoie une liste des éléments ayant le nom de balise donné.

Document.getElementsByTagNameNS(): Renvoie une liste des éléments du nom de balise et de l'espace de noms spécifiés.

Document.importNode(): Renvoie une copie (un clone) d'un élément provenant d'un document externe.
Document.normalizeDocument(): remplace les entités, normalise les noeuds de texte, etc.
Document.registerElement(): Enregistre un composant Web.
Document.releaseCapture(): Libère la capture de la souris en cours s'il s'agit d'un élément de ce document.
Document.releaseEvents(): voir Window.releaseEvents().
Document.routeEvent() Obsolète depuis Gecko 24: Voir Window.routeEvent().
Document.mozSetImageElement(): Vous permet de modifier l'élément utilisé comme image d'arrière-plan pour un ID d'élément spécifié.

L'interface Document est étendue avec l'interface ParentNode :

document.getElementById(String id): retourne une référence d'objet à l'élément identifié.
document.querySelector(String selector): Renvoie le premier noeud Element dans le document, dans l'ordre du document, qui correspond aux sélecteurs spécifiés.
document.querySelectorAll(String selector): retourne une liste de tous les noeuds éléments inclus dans le document qui correspondent aux sélecteurs spécifiés.

L'interface Document est étendue avec l'interface XPathEvaluator :

document.createExpression(String expression, XPathNSResolver resolver): compile une XPathExpression qui peut ensuite être utilisée pour des évaluations (répétées).
document.createNSResolver(Node resolver): crée un objet XPathNSResolver .
document.evaluate(String expression, Node contextNode, XPathNSResolver resolver, Number type, Object result): évalue l'expression XPath .

Extensions pour les documents HTML

document.clear(): dans la majorité des navigateurs modernes, y compris les versions récentes de Firefox et Internet Explorer, cette méthode ne fait rien.
document.close(): ferme un flux de document pour l'écriture.
document.execCommand(String command[, Boolean showUI[, String value]]): Sur un document modifiable, exécute une commande de formatage.
document.getElementsByName(String name): retourne une liste d'éléments ayant le nom donné.
document.getSelection(): retourne un objet Selection relatif au texte sélectionné dans le document.
document.hasFocus(): retourne true (vrai) si le focus est actuellement localisé n'importe où sur le document spécifié.
document.open(): Ouvre un flux pour l'écriture dans le document.
document.queryCommandEnabled(String command): Renvoie true si la commande de formatage peut être exécutée sur la plage courante.
document.queryCommandIndeterm(String command): Renvoie true si la commande de formatage est dans un état indéterminé sur la plage courante.
document.queryCommandState(String command): Renvoie true si la commande de formatage a été exécutée sur la plage courante.
document.queryCommandSupported(String command): retourne true (vrai) si la commande de formatage est supportée sur la plage courante.
document.queryCommandValue(String command): renvoie la valeur courante de la plage en cours pour une commande de formatage.
document.write(String text): Écrit du texte dans le document.
document.writeln(String text): Écrit une ligne de texte dans le document.

Spécifications

Spécification	Statut	Commentaire
Page Visibility (Second Edition) La définition de 'onvisibilitychange' dans cette spécification.	Recommendation	Ajoute `onvisibilitychange.`
Selection API La définition de 'Extend Document and GlobalEventHandlers' dans cette spécification.	Version de travail	Ajoute `onselectstart`et `onselectionchange`.
Document Object Model (DOM) Level 1 Specification La définition de 'Document' dans cette spécification.	Obsolete	Définition initiale pour l'interface
Document Object Model (DOM) Level 2 Core Specification La définition de 'Document' dans cette spécification.	Obsolete	Remplace DOM 1
Document Object Model (DOM) Level 3 Core Specification La définition de 'Document' dans cette spécification.	Obsolete	remplace DOM 2
DOM La définition de 'Document' dans cette spécification.	Standard évolutif	en vue de remplacer DOM 3
HTML Living Standard La définition de 'Document' dans cette spécification.	Standard évolutif	Transforme l'interface `HTMLDocument` en une extension de `Document`
Document Object Model (DOM) Level 3 XPath Specification La définition de 'XPathEvaluator' dans cette spécification.	Recommendation	Definit l'interface `XPathEvaluator` qui étend le document.
Page Visibility (Second Edition) La définition de 'Document' dans cette spécification.	Recommendation	Étend l'interface `Document` avec les attributs `visibilityState` et `hidden`.
HTML Editing APIs La définition de 'Document' dans cette spécification.	Brouillon de l'éditeur	Étend l'interface `Document`
CSS Object Model (CSSOM) View Module La définition de 'Document' dans cette spécification.	Version de travail	Étend l'interface `Document`
CSS Object Model (CSSOM) La définition de 'Document' dans cette spécification.	Version de travail	Étend l'interface `Document`
Pointer Lock La définition de 'Document' dans cette spécification.	Candidat au statut de recommandation	Étend l'interface `Document`

Compatibilité des navigateurs notes

Notes concernant Firefox :

Mozilla définit un ensemble de propriétés non-standard créées seulement pour le contenu XUL :

document.currentScript: retourne l'élément <script> qui est en cours d'exécution.
document.documentURIObject: (extensions Mozilla seulement) retourne l'objet nsIURI représentant l'URI du document. Cette propriété a seulement une signification spéciale dans le code JavaScript privilégié (avec les privilèges UniversalXPConnect).
document.popupNode: retourne le noeud ouvert lors de l'appel d'une fenêtre contextuelle.
document.tooltipNode: retourne le noeud qui est la cible de l'info-bulle actuelle.

Mozilla a également défini quelques méthodes non standard :

document.execCommandShowHelp Obsolète depuis Gecko 14.0: Cette méthode n'a jamais rien fait et a toujours lancé une exception, elle a donc été supprimée dans Gecko 14.0 (Firefox 14.0 / Thunderbird 14.0 / SeaMonkey 2.11).
document.getBoxObjectFor: Utiliser la méthode Element.getBoundingClientRect() à la place.
document.loadOverlay: charge dynamiquement un XUL overlay . Celui-ci fonctionne seulement dans les documents XUL.
document.queryCommandText Obsolète depuis Gecko 14.0: Cette méthode n'a jamais rien fait d'autre que de lancer une exception, elle a donc été supprimée dans Gecko 14.0 (Firefox 14.0 / Thunderbird 14.0 / SeaMonkey 2.11).

Notes concernant Internet Explorer

Microsoft a défini quelques propriétés non standard :

document.fileSize*: Retourne la taille en octets du document. À partir d'Internet Explorer 11, cette propriété n'est plus prise en charge. Voir MSDN.

Internet Explorer ne prend pas en charge toutes les méthodes de l'interface Node dans l'interface Document :

document.contains: Pour contourner le problème, document.body.contains () peut être utilisé.

Dernière modification : Mar 23, 2019, par des contributeurs MDN