Edit Question - KnowledgeHub

Title Body

I am totally confused between Node object and Element object. document.getElementById() returns Element object while document.getElementsByClassName() returns NodeList object (Collection of Elements or Nodes?) If a div is an Element Object then what about div Node object? What is a Node Object? Are document object, Element object and Text Object are also Node object? As per David Flanagan's book 'The Document object, Its Element Objects and text objects are all Node objects'. So How come an object can inherit properties/methods of Element object as well as Node object? If yes, I guess Node Class and Element Class are related in prototypal tree of inheritance. <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]

Tags (comma-separated) Cancel