JavaScript Tutorial - Document Object Model

Learn about JavaScript's document object model, which can be used to manipulate the elements on an HTML page.

1. Introduction to the DOM

   Take a look into the Document Object Model, its tree-like structure and the four types of nodes.

2. Accessing single elements and tree traversal

   Learn how to access single elements by using the getElementById() function as well as the querySelector(). Additionally, learn how to traverse the DOM tree.

3. Accessing multiple elements and NodeLists

   Learn how to access multiple elements and manipulate NodeLists in Javascript.

4. Modifying text and attributes fields

   Learn how to modify text and attribute fields in JavaScript using nodeValue, innerHTML, textContent, and learn about the methods used to access and update attributes.

5. Creating and Deleting Elements

   Learn how to create elements, add attributes to them and attach them to the DOM. Also learn how to remove elements from the DOM.