<p>The DOM represents an HTML document as a structured tree of nodes that can be manipulated programmatically. After the browser reads an HTML document, it constructs a DOM tree in memory. The DOM provides a standardized API that allows JavaScript to access and update the contents, structure and style of a document.</p>
<p>It helps a developer to add actions on the certain events while the visitor is interacting.</p>
<h3 id="heading-note">Note-</h3>
<p>I am giving a link of a very useful chrome extension which will help you to see the whole source code of your website in the form of structured tree.</p>
<p>This will help you to easily navigate.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://chrome.google.com/webstore/detail/html-tree-generator/dlbbmhhaadfnbbdnjalilhdakfmiffeg">https://chrome.google.com/webstore/detail/html-tree-generator/dlbbmhhaadfnbbdnjalilhdakfmiffeg</a></div>


The DOM represents an HTML document as a structured tree of nodes that can be manipulated programmatically. After the browser reads an HTML document, it constructs a DOM tree in memory. The DOM provides a standardized API that allows JavaScript to access and update the contents, structure and style of a document.

It helps a developer to add actions on the certain events while the visitor is interacting.

### Note-

I am giving a link of a very useful chrome extension which will help you to see the whole source code of your website in the form of structured tree.

This will help you to easily navigate.

%[https://chrome.google.com/webstore/detail/html-tree-generator/dlbbmhhaadfnbbdnjalilhdakfmiffeg]

This is a blog about the document object model , and a extension is also added below for easy understanding.

Document Object Model

Note-