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

JavaScript Tabs - Create Tabbed Web Pages Easily - Intermediate Tutorial 17 March 2009

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!

A JavaScript Accordion to Show and Hide HTML - Advanced Tutorial 19 January 2009

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

Changing Page Elements with the DOM - Intermediate Tutorial 28 November 2008

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.

Looking Inside DOM Page Elements - Intermediate Tutorial 7 November 2008

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.

Retrieving Page Elements via the DOM - Intermediate Tutorial 31 October 2008

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.

Introducing the JavaScript DOM - Beginner Tutorial 3 October 2008

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

Follow Elated