Français
Menu

Qu'est-ce que DOM (Document Object Model) ?

Interface qui représente un document HTML ou XML sous forme d'arbre dont les nœuds sont les éléments, les textes, etc., et qui permet aux programmes de le lire et de le modifier. Le navigateur analyse le HTML pour construire le DOM, et JavaScript recherche des éléments avec document.querySelector, entre autres, pour réécrire des textes, des attributs ou des styles, ou pour ajouter des éléments. Lorsque le DOM change, le navigateur refait si nécessaire le calcul de la disposition (layout) et l'affichage ; des modifications trop nombreuses ralentissent donc l'affichage.

Nom japonais: DOM(Document Object Model)

« DOM (Document Object Model) » apparaît dans 3 questions d'entraînement réparties sur 1 thèmes, dont Bases des technologies web.

Domaine: Bases des technologies web

S'entraîner : questions sur DOM (Document Object Model)

Quelle description du DOM (Document Object Model) utilisé par les navigateurs est correcte ?

  1. AC'est la structure des tables d'une base de données du serveur, convertie sous forme de tableau HTML (élément table) pour être envoyée au navigateur
  2. BC'est la représentation d'un document HTML sous forme d'arbre dont les éléments, entre autres, sont les nœuds ; il peut être lu et modifié depuis JavaScript
  3. CC'est un format qui compresse les règles CSS en supprimant les espaces, pour réduire la taille des fichiers et accélérer leur chargement
Afficher la réponse et l'explication

Réponse : B. C'est la représentation d'un document HTML sous forme d'arbre dont les éléments, entre autres, sont les nœuds ; il peut être lu et modifié depuis JavaScript

Le navigateur analyse le HTML et construit une structure arborescente (l'arbre DOM) dont la racine est l'élément html et dont les nœuds sont head, body, les paragraphes qu'ils contiennent, etc. JavaScript modifie la page par l'intermédiaire du DOM : il recherche des éléments avec document.querySelector, réécrit des textes ou des attributs, ou ajoute des éléments. Lorsque le DOM change, le navigateur refait si nécessaire le calcul de la mise en page et l'affichage. Le DOM est normalisé comme une interface de manipulation des documents indépendante de tout langage de programmation.

« DOM (Document Object Model) » dans les explications

Questions mentionnant « DOM (Document Object Model) » (3)

  1. Quelle description du DOM (Document Object Model) utilisé par les navigateurs est correcte ?
  2. Dans le traitement qui mène le navigateur jusqu'au premier affichage (le chemin de rendu critique, ou critical rendering path), un élément <script src="app.js"> sans attribut placé dans <head> arrête l'analyse du HTML à cet endroit. Quel comportement est correct si l'on ajoute l'attribut defer à cet élément ?
  3. Quelle description d'un Service Worker est correcte ?

Termes associés

API REST Boucle d'événements (event loop) Code d'état HTTP Cookie (cookie HTTP) CORS (partage des ressources entre origines) HTTP (Hypertext Transfer Protocol) JSON (JavaScript Object Notation) JWT (JSON Web Token) Méthode HTTP OAuth

Retour au glossaire