March 2018
Beginner to intermediate
344 pages
7h 7m
English
The DOM is what is used to describe the structure of an HTML or XML page. It creates a tree-like structure that provides us with the ability to do everything from creating, reading, updating, and deleting nodes to traversing the tree and many more features, all within JavaScript. Let's consider the following HTML page:
<!DOCTYPE html><html lang="en"><head> <title>DOM Example</title></head><body> <div> <p>I love JavaScript!</p> <p>Here's a list of my favourite frameworks:</p> <ul> <li>Vue.js</li> <li>Angular</li> <li>React</li> </ul> </div> <script src="app.js"></script></body></html>
We're able to look at the HTML and see that we have one div, two p, one ul, and li tags. The browser parses this HTML and produces the DOM Tree, which at ...
Read now
Unlock full access