Advanced JavaScript

Chapter 3

DOM Manipulation and Event Handling

Learning Objectives

By the end of this chapter, you will be able to do the following:

• Explain DOM traversal and manipulation
• Create the event object and browser events
• Organize event propagation and bubbling
• Delegate events efficiently
• Utilize JQuery to handle events and DOM manipulation

This chapter will cover working with document nodes, event objects, and the process of chaining, navigation, and handling events.

Introduction

In the first chapter, we covered many of the new and powerful features that were released in ES6. We discussed the evolution of JavaScript and highlighted the key additions in ES6. We discussed scope rules, variable declaration, arrow functions, template literals, ...