The problem

A lot of books and article try to teach us JavaScript without thinking to draw a simple diagram to show us the relations of all the nodes, elements and other objects.

As the most important thing you must have in a trip is a map here is the most basic map of DOM structure.


Everything you will ever code with JavaScript will use this, so here it is:


For seekers of the truth study these links from

Document Object Model Core - "objects and interfaces for accessing and manipulating document objects"
Document Object Model HTML - "objects and methods specific to HTML"
More detailed (and unfinished) version of upper map