English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet Document HTML DOM

Objet Document

L'objet Document est le propriétaire de tous les autres objets de votre page Web.

L'objet Document est le nœud racine d'un document HTML, représentant votre page Web.

Pour accéder à n'importe quel élément d'une page HTML, il faut toujours commencer par l'objet Document.

Il fournit des fonctionnalités globales pour le document, telles que la manière d'obtenir l'URL de la page et de créer de nouveaux éléments dans le document.

Ce exemple utilise la méthode getElementsByld() pour trouver un élément HTML (ayant id="para"):

document.getElementById("para");
Voyons voir‹/›

L'objet Document est le nœud racine d'un document HTML.

Attributs de l'objet Document

Le tableau suivant liste les attributs de l'objet Document :

AttributDescription
activeElementRenvoie l'élément actif du document
baseURIRenvoie l'URI de base absolu du document
bodyDéfinir ou renvoyer le texte du document (élément)
cookieRenvoie une liste séparée par des points-virgules des cookies du document
characterSetRenvoie le jeu de caractères utilisé par le document
defaultViewRenvoie l'objet fenêtre associé au document ; si il n'y a pas d'objet fenêtre disponible, renvoie null
designModeObtenir ou définir la capacité d'édition de tout le document
doctypeRenvoie l'indication de type de document du document courant
documentElementRenvoie l'élément Document qui est le sous-élément direct du document (<html>élément)
documentURIDéfinir ou renvoyer l'emplacement du document sous forme de chaîne
domainRenvoie le nom de domaine du serveur qui a chargé le document
embedsRenvoie tous les<embed>Liste des éléments
formsRenvoie tous les<form>Liste des éléments
fullscreenElementRenvoie l'élément actuellement affiché en mode plein écran
fullscreenEnabledRenvoie une valeur booléenne indiquant si le document peut être visualisé en mode plein écran
headRenvoie le<head>éléments
imagesRenvoie tous les<img>Liste des éléments
implementationRenvoie l'implémentation DOM associée au document actuel
lastModifiedRenvoie la date et l'heure de la dernière modification du document
linksRenvoie tous les éléments<a>et<area>Ensemble d'éléments
readyStateRenvoie l'état de chargement du document
referrerRenvoie l'URL du document qui a chargé le document actuel
scriptsRenvoie les<script>Liste des éléments
titleDéfinir ou renvoyer le titre du document
URLRenvoie l'URL complet du document HTML sous forme de chaîne

Méthodes de l'objet Document

Le tableau suivant liste les méthodes de l'objet Document :

MéthodeDescription
addEventListener()Ajouter un gestionnaire d'événement au document
adoptNode()Adopter un nœud depuis un document externe
close()Fermer le flux de document ouvert précédemment avec document.open()
createAttribute()Créer un nœud d'attribut
createComment()Créer un nouveau nœud de commentaire avec le texte spécifié
createDocumentFragment()Créer un nouveau nœud de fragment de document
createElement()Créer un nouveau nœud d'élément avec le nom de balise donné
createTextNode()Créer un nœud de texte
execCommand()Appeler l'opération de presse-papiers spécifiée sur l'élément actif qui a le focus.
exitFullscreen()Sortir du mode plein écran pour l'élément
getElementById()Renvoie l'élément avec l'attribut ID spécifié
getElementsByClassName()Renvoie la liste des éléments ayant le nom de classe donné
getElementsByName()Renvoie la liste des éléments ayant le nom donné
getElementsByTagName()Retourner la liste des éléments ayant le nom de balise donné
hasFocus()Retourner true si le focus est actuellement situé à n'importe quel endroit dans le document spécifié
importNode()Retourner une copie du nœud à partir du document externe
normalize()Supprimer les nœuds Texte vides et joindre les nœuds adjacents
normalizeDocument()Supprimer les nœuds Texte vides et joindre les nœuds adjacents
open()Ouvrir le flux de document pour l'écriture
querySelector()Retourner le premier élément correspondant au sélecteur CSS spécifié dans le document
querySelectorAll()Retourner la liste de tous les éléments correspondant au sélecteur CSS spécifié dans le document
removeEventListener()Supprimer le gestionnaire d'événement à partir du document qui a ajouté addEventListener()
write()Écrire une expression HTML ou un code JavaScript dans le document
writeln()Identique à write(), mais ajoute un saut de ligne à la fin de chaque instruction