Bases des technologies web

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.

S'entraîner sur ce thème Retour au thème

Autres questions sur Bases des technologies web

  1. Pour un élément auquel s'applique le CSS ci-dessus, quelle est la largeur mesurée d'un bord extérieur à l'autre des bordures gauche et droite ?
  2. On suppose qu'il n'y a aucune autre règle de style. Dans le HTML ci-dessus, de quelle couleur est le texte « Hello » ?
  3. 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 ?
  4. Lorsqu'on exécute le JavaScript ci-dessus dans un navigateur, quel est l'ordre correct d'affichage des caractères dans la console ?
  5. Selon la politique de même origine des navigateurs, quelle URL est considérée comme de même origine que https://www.example.com/app/index.html ?