08.what-is-DOM.md

08. What is a DOM?

• DOM stands for Document Object Model
• DOM is a programming API for HTML & XML documents
• DOM represent the HTML & XML documents as nodes and objects. So that it can be manipulated via javascript
• DOM construction resembles a tree based structure

Example:

<table>
  <tbody> 
    <tr> 
      <td>Shady Grove</td>
      <td>Aeolian</td> 
    </tr> 
    <tr>
      <td>Over the River, Charlie</td>        
      <td>Dorian</td> 
    </tr> 
  </tbody>
</table>

Above HTML is represented as a tree based structure like below.

Graphical Representation:

Some more information.