Course: Study / Web Design and Web Development, Topic: Module14: DOM

Topic outline

General

Collapse all Expand all

Module14: DOM
Introduction to DOM. DOM methods/properties and DOM Recursion. DOM events

Introduction to DOM

DOM methods/properties and Recursion

DOM events

Introduction to DOM. DOM (Document Object Model) includes all the objects of an HTML page and enable us to manipulate them. In this submodule we will understand the DOM structure and learn the Parents-Children-Siblings relationships and their importance.
We will also understand what are Nodes and DOM traversing. Finally, we will see how we can apply CSS rules using DOM.

DOM methods/properties and Recursion. In this submodule we will focus on DOM methods and properties and explore how we can use them to dynamically modify the HTML document. We will also introduce the concept of Recursion and see an example where this method can be used to traverse the entire DOM.

DOM events. Using events we can interact with the HTML page and perform actions. In this submodule we will learn how we can apply event listeners using DOM to be able to handle multiple actions on the same event. We will also explain the difference between Capturing and Bubbling. Finally, we will see how we can use Keyboard Events.
- Page
  
  Aims - Expected outcomes- Key concepts- Instructions DOM Page
  
  View
- Book
  
  Submodule 14.1: Introduction to DOM Book
  
  View
- Book
  
  Submodule 14.2: DOM methods/properties and DOM Recursion Book
  
  View
- Book
  
  Submodule 14.3: DOM events Book
  
  View