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:
- The browser retrieves the HTML from the server
- The parser analyzes the HTML structure and creates a DOM model of it.
- 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
-
Top Types of Charts & Graphs For Expert Data Visualization
Data visualization plays a crucial role in BI. Learn the best types...
Jun 18, 2021 -
What is Data Visualization?- Introduction to Information Imaging
Data visualization is information and data depicted in the form of charts,...
Mar 19, 2021