How JavaScript Sees the DOM
When you open a web page in your browser, the browser reads the HTML and builds a structured representation of the page called the Document Object Model (DOM). The DOM is not just plain text—it is a tree of objects, where every HTML element, attribute, and piece of text becomes a node in this tree. JavaScript interacts with the DOM through these objects, letting you read or change any part of the page while it is displayed.
The browser exposes the DOM to JavaScript as a hierarchy of objects. The root of this hierarchy is the document object. This object represents the entire web page and gives you access to all its parts. Each element in your HTML, such as <body>, <h1>, or <p>, becomes a property or method you can access from document. For example, document.body refers to the <body> element, and document.title refers to the text inside the <title> tag.
index.html
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you explain more about how JavaScript modifies the DOM?
What are some common methods to select elements in the DOM?
How does the DOM differ from the original HTML source?
Awesome!
Completion rate improved to 6.67How JavaScript Sees the DOM
Glissez pour afficher le menu
When you open a web page in your browser, the browser reads the HTML and builds a structured representation of the page called the Document Object Model (DOM). The DOM is not just plain text—it is a tree of objects, where every HTML element, attribute, and piece of text becomes a node in this tree. JavaScript interacts with the DOM through these objects, letting you read or change any part of the page while it is displayed.
The browser exposes the DOM to JavaScript as a hierarchy of objects. The root of this hierarchy is the document object. This object represents the entire web page and gives you access to all its parts. Each element in your HTML, such as <body>, <h1>, or <p>, becomes a property or method you can access from document. For example, document.body refers to the <body> element, and document.title refers to the text inside the <title> tag.
index.html
Merci pour vos commentaires !
