JavaScript
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)
The Storage object allows storing
key-value pairs in the browser.
