June 2025
Beginner to intermediate
912 pages
30h 4m
English
Content preview from Learning Web Design, 6th Edition
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 24. Working with the DOM and Events
24
Working with the DOM and Events
by Aaron Gustafson
In This Chapter
Progressive enhancement for JavaScript
An introduction to the DOM
Working with element, text, and attribute nodes
JavaScript events
Ensuring accessibility
Over the course of the last two chapters, you learned about a bunch of fundamental JavaScript concepts that serve as the foundation for working with this programming language. This chapter builds on that foundation to give you the skills to do what web developers—like you—are tasked with every day: enabling rich interactions with our web pages.
As we progress through this chapter, we’ll be looking at a handful of JavaScript techniques that relate to creating interactive user interfaces, including:
- How to generate new markup and change existing HTML by using JavaScript with the DOM
- How to use JavaScript events that respond to user interactions
- How to ensure your code provides accessible experiences
See the sidebar “The Plan: Build a Theme Toggle” for how this will all come together.
I’ll kick off the chapter with a refresher on progressive enhancement, a programming philosophy you met back in Chapter 3, Some Big Concepts You Need to Know, that will help you make better choices when it comes to designing and building JavaScript-driven user experiences.
This will be a gentle introduction to a more challenging chapter than the previous two. I’m going to be throwing a lot of new syntax and concepts at you, ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.