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.