Lessons: 12Length: 1.4 hours
The Document Object Model (DOM) is probably the most important component of a web page—it defines the set of objects that represent the elements on the page. With JavaScript, we can use the DOM to manipulate those elements to create interactive and engaging pages.
In this lesson, Jeremy McPeak will show you how to manipulate the DOM to create dynamic web pages. You'll learn how to select elements in your page using ids or CSS selectors, and then you'll see how these elements can be changed in real time. Follow along and you'll get practice in changing element styles and content, as well as adding and removing elements from your page on the fly.
Learn JavaScript: The Complete Guide
We've built a complete guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics.
1.Introduction
1.1Introduction01:16
1.2What You Need06:51
2.DOM Fundamentals
2.1Finding and Selecting Elements09:18
2.2Creating Elements08:18
2.3Working With Attributes06:21
2.4Manipulating Style08:03
3.Practicing the Concepts
3.1Setting Up the List08:38
3.2Adding Items06:56
3.3Removing Items07:20
3.4Sibling Navigation10:03
3.5Reordering Items09:29
4.Conclusion
4.1Conclusion01:12
