HTML DOM Structure
The image below shows the tree-like structure of the Document Object Model. The below table shows the properties of the document object with their description.
Representation of DOM
The below table illustrates the various Objects of the DOM hierarchy with their description.
| Object | Descriptions |
|---|---|
| Window Object | It is an object of the browser which is at top of the hierarchy. |
| Document object | When an HTML document is loaded on the web browser into a window, it becomes a document object. |
| Form Object | The form object is defined as the form tags. |
| Link Object | The Link object is defined as the link tags. |
| Anchor Object | The anchor object is defined as the a tags with href attributes. |
| Form Control Elements | Form control elements such as text fields, buttons, radio buttons, checkboxes used when form is created which wrapped inside form tags |
What is HTML DOM ?
HTML DOM stands for the Document Object Model is a tree-like structure that offers dynamic interaction and manipulation of the content, structure, and style of an HTML document. It is an interface for web documents. Based on user activity The HTML DOM offers to create interactive web pages where elements can be added, removed, or modified.
Table of Content
- Significance of HTML DOM
- HTML DOM Structure
- Adding New Element to the DOM
- Techniques for Finding DOM Elements
- Event Listeners
- Accessing the DOM
Contact Us