info2gestion

Le DOM représente le contenu de la page web qui peut être modifié.

Le DOM explique la structure d'un document HTML ou XML et les relations entre les éléments. Les feuilles de style (CSS ou Cascading Style Sheet pour HTML ou XSLT pou XML) utilisent une définition spécifique qui est compatible avec le DOM.

DOM HTML

Les pages web utilisent en grande majorité un modèle d'affichage qui suit le DOM.

Exemple d'un DOM HTML

  
<!DOCTYPE HTML>
<html>
<head> 
  <title>Page web</title>
</head>
<body>
  <h1>Titre de paragaphe</h>
  <p>Paragaphe 1</p>
  <p>Paragaphe 2</p>
</body>
</html>

Ci-dessus, ce sont les balises (mots entre < et >) qui définissent la structure d'un document selon le DOM.

Chaque balise représente un élément (ou un noeud ou node). Un lien hiérarchique rattache les éléments, <html> est le premier de la hiérarchie, <head> et <body> sont les éléments enfants de <html>. Ces balises ont la particularité de ne pas contenir une valeur texte (qui s'affiche dans le document) après le crochet fermant.

Les balises <h1> et <p> contiennent un texte qui s'affiche sur la page web. Ces éléments sont considérés comme des feuilles (leaf) dans la structure hiérarchique du DOM et peuvent avoir ou ne pas avoir d'éléments enfants.