Déplie la HTMLCollection, puis son unique élément. Regarde attentivement childNodes et children.
C'est presque la même chose : les deux ont en commun head et body qui correspondent aux balises de même nom.
Mais childNodes contient, entre head et body, un noeud text.
Déplie le et regarde sa propriété data : une chaîne de 3 caractères : le symbole du retour chariot,
suivi de deux espaces. Si tu regardes dans empty.html, ça correspond exactement à ce qui se trouve après
la balise fermante </head> et avant la balise ouvrante <body>. Ça nous amène à l'explication...
On distingue deux types de noeuds dans l'arbre du document :
- Des éléments, qui correspondent aux balises.
- Des noeuds texte, qui sont du contenu textuel situé entre deux balises, ou à l'intérieur d'une balise.