Sites with DOM tutorials

An introduction to the DOM of IE/ Firefox. An overview with some nice examples - such as animating blocks of content in your web page.

Using examples to explain the differences between DHTML and DOM and the best way forward. Also read: The future is hybrids how javascript can purify pure css solutions.

Covers topics such as coding that does not rely on JavaScript; Does not couple with any other component; Does not exclusively bind to any events; Is modularly designed.

Designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates, while still retaining the overall aesthetic integrity of the layout.

An online debate covering the pros and cons for using innerHTML as apposed to the DOM methods.

The sliding layers code from dyn-web can be used to move layers onload or in response to user actions such as hovering, clicking or scrolling. The layer movement can be steady, accelerating or decelerating. JSWorkshop has a similar demo: Controlling Layers with DHTML.

This article provides a whirlwind tour of the prototype library. It aims to give you enough examples and resources to get started using Prototype in your DOM scripting projects.

A basic example for using document.swap.src. Usind ID instead of name makes it XHTML vallid.