Rough Guide To The DOM (part 2) (
Page 1 of 8 )
Now that you know the theory behind the new DOM, it's time to
take off the gloves and get your hands dirty. In this article, find out how
the new rules apply to old favourites like image swaps, form validation and
frame navigation, and then learn how to use ordinary JavaScript to add and
remove elements from the document tree on the fly.In the first part of this article, I took you through the basics of navigating
an HTML document via the DOM, and explained the various methods and collections
available to you. If you understood all that (and I hope you did), you should
now have a pretty clear idea of how to manipulate a typical HTML document, and
change interface elements on the fly.
Over the next few pages, I'm going
to dig a little deeper into the DOM, with illustrations of how the DOM
interfaces with tables, forms, images and frames. I'll also be discussing some
of the methods available to add (and modify) nodes to the DOM tree through
JavaScript, and point you to some of the Web's better resources on the
subject.
Let's get cracking!
This article copyright Melonfire 2001. All rights
reserved.