Objet Document HTML DOM

objet Document

Lorsque le document HTML est chargé dans un navigateur Web, il devient unObjet document.

Objet documentle nœud racine du document HTML.

Objet documentestObjet fenêtrepropriétés.

Accédé de la manière suivanteObjet document:

window.document ou simplement document

Exemple

let url = window.document.URL;

Essayez-le vous-même

let url = document.URL;

Essayez-le vous-même

Propriétés et méthodes de l'objet document

Les propriétés et méthodes suivantes peuvent être utilisées pour le document HTML :

Propriété / Méthode Description
all[] Retourne une référence à tous les éléments HTML du document.
activeElement Retourne l'élément actif du document.
addEventListener() Ajoute un gestionnaire d'événements au document.
adoptNode() Adopte un nœud provenant d'un autre document.
anchors Obsolète.
applets Obsolète.
baseURI Renvoie l'URI de base absolu du document.
body Définit ou renvoie le texte du document (élément <body>).
charset Obsolète.
characterSet Renvoie l'encodage de caractères du document.
close() Ferme le flux de sortie ouvert précédemment avec document.open().
cookie Renvoie le nom/valeur de tous les cookies du document.
createAttribute() Crée un nœud d'attribut.
createComment() Crée un nœud Comment avec le texte spécifié.
createDocumentFragment() Crée un nœud DocumentFragment vide.
createElement() Crée un nœud d'élément.
createEvent() Crée un nouvel événement.
createTextNode() Crée un nœud de texte.
defaultView Renvoie l'objet fenêtre associé au document, ou null s'il n'est pas disponible.
designMode Contrôle si tout le document doit être éditable.
doctype Renvoie la déclaration de type de document associée au document.
documentElement Renvoie l'élément Document du document (élément <html>).
documentMode Obsolète.
documentURI Définit ou renvoie la position du document.
domain Renvoie le nom de domaine du serveur qui a chargé le document.
domConfig Obsolète.
embeds Renvoie l'ensemble des éléments <embed> présents dans le document.
execCommand() Obsolète.
forms Renvoie l'ensemble des éléments <form> présents dans le document.
getElementById() Renvoie l'élément avec l'attribut ID spécifié.
getElementsByClassName() Renvoie l'ensemble des éléments contenant le nom de classe spécifié. HTMLCollection.
getElementsByName() Renvoie l'ensemble des éléments actifs ayant le nom spécifié. NodeList.
getElementsByTagName() Renvoie l'ensemble des éléments contenant le nom de balise spécifié. HTMLCollection.
hasFocus() Renvoie une valeur booléenne indiquant si le document a le focus.
head Renvoie l'élément <head> du document.
images Renvoie l'ensemble des éléments <img> présents dans le document.
implementation Retourne l'objet DOMImplementation qui traite ce document.
importNode() Importer un nœud à partir d'un autre document.
inputEncoding Obsolète.
lastModified Retourne la date et l'heure de la dernière modification du document.
links Retourne la collection de tous les éléments <a> et <area> du document qui possèdent l'attribut href.
normalize() Supprimer les nœuds de texte vides et joindre les nœuds adjacents.
normalizeDocument() Obsolète.
open() Ouvrir le flux de sortie HTML pour collecter les sorties de document.write().
querySelector() Retourne le premier élément correspondant au sélecteur CSS spécifié dans le document.
querySelectorAll() Retourne un NodeList statique contenant tous les éléments correspondant au sélecteur CSS spécifié dans le document.
readyState Retourne l'état (chargement) du document.
referrer Retourne l'URL du document qui a chargé le document actuel.
removeEventListener() Supprimer le gestionnaire d'événements du document (déjà utilisé méthode addEventListener() supplémentaires).
renameNode() Obsolète.
scripts Retourne la collection des éléments <script> du document.
strictErrorChecking Obsolète.
title Définir ou retourner le titre du document.
URL Retourne l'URL complet du document HTML.
write() Écrire une expression HTML ou un code JavaScript dans le document.
writeln() Comme write(), mais avec un saut de ligne ajouté à la fin de chaque instruction.

Description de l'objet Document

L'interface HTMLDocument étend l'interface DOM Document, définissant des propriétés et des méthodes spécifiques à HTML.

De nombreuses propriétés et méthodes sont des objets HTMLCollection (en réalité, des tableaux ou des tableaux indexés par nom en lecture seule), qui contiennent des références aux ancres, aux formulaires, aux liens et autres éléments scriptables.

Ces propriétés de collection proviennent du niveau 0 DOM. Ils ont été Document.getElementsByTagName() remplacé, mais il est toujours souvent utilisé, car il est très pratique.

méthode write()Il est notable que lors du chargement et de l'analyse du document, il permet à un script d'insérer du contenu généré dynamiquement dans le document.

Attention, dans le 1er niveau du DOM, HTMLDocument définit un nom getElementById() une méthode très utile. Dans le 2e niveau du DOM, cette méthode a été déplacée vers l'interface Document, elle est maintenant héritée par HTMLDocument plutôt que définie par elle-même.