DOM Objects The Document Object Model (DOM) is a programming interface that allows JavaScript to interact with and manipulate HTML documents 1. Document Object (document)
The document object represents the
entire HTML document loaded into the browser. It provides methods and properties to access and modify the page content 2. Window Object (window)
The window object represents the
browser window or the global environment in which scripts run. 3. Element Object (HTMLElement)
The HTMLElement object represents
individual HTML elements and allows interaction with their attributes and content. 4. Event Object (Event)
The Event object is created
whenever a user interaction (like a click or keypress) or a browser action occurs. 5. Node Object (Node)
The Node object represents
everything in the DOM tree, including elements, attributes, and text nodes. 6. Attribute Object (Attr)
The Attr object represents an
attribute of an element, like id, class, or src. 7. Style Object (CSSStyle)
The style object allows you to
manipulate the CSS properties of an element directly. 8. Form and Input Objects
DOM objects related to forms
allow interaction with user input fields, form submissions, and validations. 9. Collection Objects
These objects represent groups of
elements in the DOM. 10. Storage Object (localStorage and sessionStorage)