<blockquote>
Dans le navigateur, JS dispose de l'<em>API DOM</em>. Le DOM ou <em>Document
Object Model</em> est la représentation, sous forme d'un "arbre", du document HTML.
</blockquote>

Dans cet arbre, le "noeud" ou **élément** de plus haut niveau correspond à la balise `<html>`.
Ce noeud "racine" a des noeuds "enfants" indiqués par `<head>` et `<body>`.

Tape ceci dans la console :
```javascript
console.log(document.getElementsByTagName('html'))
```

Ici on a utilisé `getElementsByTagName()` qui permet de récupérer **tous** les noeuds
correspondant à une certaine balise (tag). Il y a forcément **une seule** balise
`<html>` dans un document valide, donc on obtient un tableau avec un élément.

Tu dois apparaître quelque chose comme `[html]`. Clique dessus pour le "déplier".

Tu peux constater que cet élément/noeud a de nombreuses propriétés, comme `children` (où
on trouve logiquement les noeuds `head` et `body`), `innerHTML` (le contenu HTML),
ou encore `style` (les propriétés CSS).
