Contact us

What is DOM Tree?

DOM Tree is an acronym for Document Object Model and – at its essence – it represents an HTML document in nodes and objects.

The structure of the DOM is tree-shaped because, typically, it took form with a single parent-object (a stem) that branches out into several child elements (branches),  each of which may have leaves. In the case of HTML documents, the stem is the root <html> element, the branches” are the nested elements, and the “leaves” are the content.

How DOM works? 

DOM is a way to convert the structure and content of the static HTML document into an object model that can be used by various programs.

In internet browsers, it works as following: 

  1. The browser retrieves the HTML from the server
  2. The parser analyzes the HTML structure and creates a DOM model of it. 
  3. Based on the model, the browser renders the page

Also, today’s browsers use a DOM API that enables interaction with the DOM elements, making the websites dynamic.

Learn more

Related Video

  • What is the DOM in JavaScript?

    Let's get to know what is DOM Tree, how it simplifies working with code and how to use it properly to interact with webpages.

Similar Terms

  • Decision Tree

    A decision tree is a visualization tool used in statistics, data mining, and machine learning...

  • Tree Diagram

    A tree diagram (also known as a systematic diagram, tree analysis, analytical tree, hierarchy diagram)...

  • Treemap

    A treemap is a visualization tool used for displaying vast amounts of hierarchically structured data.

Learn more from our Blog