Différence entre l'objet Node et l'objet Element ?

Question

Je suis totalement confus entre l'objet Node et l'objet Element. document.getElementById() renvoie un objet élémentaire tandis que document.getElementsByClassName() renvoie l'objet NodeList (Collection d'éléments ou de nœuds ?)

Si un div est un Element Object, qu'en est-il de l'objet div Node ?

Qu'est-ce qu'un objet Node ?

L'objet document, l'objet élément et l'objet texte sont-ils également des objets Node ?

Selon le livre de David Flanagan, "L'objet Document, ses objets élémentaires et les objets texte sont tous des objets Node".

Alors comment se fait-il qu'un objet puisse hériter des propriétés/méthodes de l'objet Element ainsi que de l'objet Node ?

Si oui, je suppose que la classe Node et la classe Element sont liées dans l'arbre prototypique d'héritage.

 <div id="test">
           <p class="para"> 123 </p>
           <p class="para"> abc </p>
 </div>
 <p id="id_para"> next </p>

document.documentElement.toString();    // [object HTMLHtmlElement]

var div = document.getElementById("test");
div.toString();                         // [object HTMLDivElement]                       

var p1 = document.getElementById("id_para");
p1.toString();                          // [object HTMLParagraphElement]

var p2 = document.getElementsByClassName("para");
p2.toString();                          //[object HTMLCollection]

Answer 1

Un document DOM est une collection hiérarchique de nœuds. Chaque nœud peut avoir un parent et/ou des enfants.

Comprendre la différence entre un nœud DOM et un élément est facile si vous comprenez ce qu'est un nœud.

Les nœuds ont des types, le type d'élément étant l'un d'entre eux. L'élément est représenté par une balise dans le document HTML.