01. API DOM - Introduction.md 1.0 KB
Dans le navigateur, JS dispose de l'API DOM, qui permet de manipuler le document HTML. Le DOM ou Document Object Model est la représentation, sous forme d'un "arbre", du document HTML.
La "racine" de cet arbre est accessible à JS via la variable globale document.
Ce "noeud" racine a un "enfant" correspondant à la balise <html>.
Celui-ci, à son tour, a des noeuds enfants correspondant à <head> et <body>...
Et ainsi de suite.
On va examiner cette variable. Ajoute ceci entre les balises <script> (tu peux supprimer le contenu ajouté précédemment) :
console.dir(document);
console.dir() car console.log() sous Chrome ne montre pas les propriétés de l'objet document, qui est d'un type particulier ("classe" HTMLDocument).
Tu dois voir s'afficher un #document sous Chrome, ou HTMLDocument sous Firefox... avec une petite flèche sur sa gauche permettant de le "déplier". Déplie donc, et... page suivante !