Loading lesson path
Concept visual
Start from A
(HTML Document Object Model) is an Object Model for HTML Documents.
is a tree of
HTML Page.
Formula
When a web page loads, the browser creates a tree - like representation of the HTML document.Each part of the document are nodes in the tree:
<html>
<head>
<body>
<a>
<h1>
The HTML DOM can be used to access HTML elements. The most common way to access an HTML element is to use the id of the element:
<html> <body> <p id="demo"></p> <script>
// Access a paragraph Element const myPara = document.getElementById("demo");
// Change the content of the Element myPara.innerHTML = "Hello World!";</script> </body> </html> In the example above, the getElementById method used id="demo" to find the element. id="demo" is an
is a
is a
In the next chapters of this tutorial you will learn: How to change the content of HTML elements
(CSS) of HTML elements