Home Page DOM Tutorials Using Events in the Document Object Model

Using Events in the Document Object Model

In this tutorial, we'll use the event-handling capabilities of the Document Object Model (DOM) to make some minor improvements to the expanding menu that we developed in the previous tutorial. [Truth in advertising: these improvements are borderline cute; their real purpose is to serve as a vehicle to introduce the concepts of events and nodes.]

Here are the topics:

• New Menu Example
• Setting Event Listeners
• Event Capture and Bubbling
• About Nodes
• Finding the <div> that was clicked
• Implementing the showMenu() function
• Summary

New Menu Example