The Document Object Model

Learn how to use the DOM (Document Object Model), along with JavaScript, to manipulate Web page elements dynamically.

Articles in The Document Object Model

Introducing the JavaScript DOM - Beginner Tutorial

What is the Document Object Model, and why is it useful? This article gives you a gentle introduction to this powerful JavaScript feature.

Retrieving Page Elements via the DOM - Intermediate Tutorial

How can you use the Document Object Model to access the various parts of your Web page? This tutorial shows you how to retrieve HTML elements using three handy DOM methods.

Looking Inside DOM Page Elements - Intermediate Tutorial

This article shows you how to access the contents and attributes of any DOM element in a Web page. You also find out about node properties and relationships, and learn how to move around the DOM tree.

Changing Page Elements with the DOM - Intermediate Tutorial

Learn how to use the JavaScript DOM to alter the content of your Web pages. This article shows you how to change element content, how to add and remove elements in the page, how to move elements around, and how to work with element attributes.

A JavaScript Accordion to Show and Hide HTML - Advanced Tutorial

Build a JavaScript accordion script that lets visitors show and hide parts of an HTML Web page.

JavaScript Tabs - Create Tabbed Web Pages Easily - Intermediate Tutorial

Learn how to use JavaScript to create a tabbed Web page for holding lots of content. Full code included for copying and pasting into your website!