The question for 2003: What shall we do with the W3C DOM?
Here are some links about the W3C DOM and its implementation in the Version 5 browsers.
For more links, see the general JavaScript links page.
W3C DOM Level 1 Specification. The official description of how the DOM ought to work.
Microsoft XML DOM Reference. The Microsoft way of implementing the DOM. This reference is mainly focused on VBScript, but most methods and properties also work in JavaScript.
Gecko DOM Ref. Unfortunately this reference is not very useful. Although it gives a good overview of the W3C DOM in rather simpler language than W3C itself, it doesn't give any compatibility information at all. This reference is a wish list of what Mozilla should eventually support, but is worthless for determining current Mozilla support.
Opera DOM support. Details about what Opera is supposed to support.
kHTML Class Index. Konqueror documentation on JavaScript. Unfortunately it's in extremely technical language, so that it's not easy to find out how something is supposed to work, certainly not for the average web developer (which includes myself). Nonetheless it's good to have some documentation.
iCab InScript. iCab calls JavaScript 'InScript'. This reference
gives information about what iCab supports. I'm not sure why this information is on the Muchsoft site and
not on the iCab site.
"The Document Object Model (DOM) is still missing some parts. Especially many W3C-DOM level 1 standard objects are still missing."
DOM1 Reference. A translation of the W3C Spec to slightly more normal language. Includes some coding examples in JavaScript.
Document Object Cross Reference by Netscape. What is supported by Netscape 6 and Explorer 5? Includes a lot of MS only methods and properties.
XUL Tutorial. I’m not yet sure how XUL works, but it's supported only by Mozilla and is meant to define the user interface. This tutorial includes some interesting proprietary CSS extensions.
Ryan's DHTML Tutorial. Despite the title this excellent tutorial treats all JavaScript DOMs in existence,
from simple Level 0 form functionality to sophisticated W3C DOM event handling. Better still, it's targeted at newbie scripters,
explains all necessary details (but no more) in easy steps and always pays attention to browser compatibility.
Definitely the place to go if you're new to programming and want to understand the JavaScript DOMs.
Jeremie Tech DOM Tests. Test scripts for several aspects of the new DOM. Unfortunately I don't understand how the testing should be done.
Version 5 DHTML - Examples. Good examples of the possibilities of DHTML in the Version 5 browsers.
Doctype checker. Very useful page in which you can select a doctype and see whether your browser renders the page in strict or legacy mode.
Working with JavaScript - Modifying Styles. Article by Steve Champeon about how to change the styles of entire classes using the stylesheets array of the new DOM.
Scottandrew.com. Lots of articles about the newest browsers and their failings. Includes and excellent DOM Introduction.
J. David Eisenberg's excellent series of articles in A List Apart:
Meet the DOM: About the DOM in general
and the differences with the earlier browser specific DOMs.
DOM Design Tricks 1: About the display
style declaration.
DOM Design Tricks 2: About event capturing in
Netscape 6.
DOM Design Tricks 3: About the changing of texts
in a document. About nodes.
Introduction to the DOM. Short tutorial that explains the basic concepts of the DOM. Warning: do not use the browser detect that's advocated in this article, instead use if (document.getElementById). Much safer in the long run.
Mozile. A page editor written in JavaScript. Pretty neat. Mozilla only (I suppose, the introduction isn't very clear about browser compatibility).
International Herald Tribune. The
first mainstream site I know of with a beautiful DOM implementation. Go to any article and try the
icons in the lower right corner.
Designed and coded by John Weir.
Smokinggun - Clippings. From the same programmer. Very nice DOM implementation to create a kind of on-site bookmark list. Can be useful in news sites and such (like, for instance, IHT).
DOM 2 Range with JavaScript. Tutorial for the Range API. Works only in Mozilla.
Mozilla - Traversing a Table. Example script that messes about with a table. Useful for getting the hang of DOM scripts.
PBWizard. Interesting examples and articles about the W3C DOM and related standards. Some nice scripts and there's more to come.
idontsmoke, Paul Sowden's site. It contains some nice examples of DHTML and the DOM. Also contains examples of the TreeWalker and NodeIterator API's, which are supported by Mozilla 0.9.7 .
gazingus.org - DHTML menu. Nice, clean, short, W3C DOM only script for transforming ul's and li's to hierarchical menus. The only drawback is that the script allows for only two layers of navigation.
For more links, see the general JavaScript links page.