DOM-Document Object Model(part-1)

Document Object Model
The HTML DOM (Document Object Model) is a structured representation of a web page that allows developers to access, modify, and control its content and structure using JavaScript. It powers most dynamic website interactions, enabling features like real-time updates, form validation, and interactive user interfaces.

Structure of the HTML DOM
Imagine our webpage as a tree:

• The document is the root.
• HTML tags like , , and are branches.
• Attributes, text, and other elements are the leaves.

Working of DOM
The DOM connects our webpage to JavaScript, allowing to:

• Access elements (like finding an h1 tag).
• Modify content (like changing the text of a paragraph tag).
• React to events (like a button click).
• Create or remove elements dynamically.