The Document Object Model (DOM), Part I
The power of the the Document Object Model stems from its position as a standard of the World Wide Web Consortium (W3C). This position ensures that most browsers and platforms will support it eventually. The development of the DOM aligns with the trend to provide more interactive content on the Web. The only way to provide this interactive content is by allowing HTML to be dynamically manipulated. The Document Object Model makes this challenge much easier to achieve.
We present the DOM in several parts. First we'll explain the structure of the DOM and the logic behind it. Then we'll demonstrate these concepts through a thorough analysis of a simple document and a table. The DOM is based on a tree structure. Those of you that took CS201 (Data Structures and Algorithms) may skip some of the pages that explain the tree structure.
In particular, you'll learn:
- How to distinguish between the DOM and the DHTML object model.
- How to use DOM's properties.
- How to analyze the object structure of a simple HTML page.
- How to navigate the object structure of a simple HTML page.
- How to draw the object structure of a simple HTML page.
- How to analyze the object structure of a table.
- How to navigate the object structure of a table.
- How to draw the object structure of a table.
Produced by Yehuda Shiran and Tomer Shiran
Created: May 31, 1999
Revised: May 31, 1999