The Document Object Model (DOM), Part II (7)

Analyzing a Complex Document

Let's wrap up our introduction of the Document Object Model by analyzing a more complex document. So far, we've dealt with specific HTML structures and relatively simple documents. The following document includes four paragraphs. The third paragraph includes an image, a table, and a bullet list:

<HTML>
<HEAD>
<TITLE> DOM Demo </TITLE>
</HEAD>
<BODY ID="bodyNode">This is document body
<P ID = "p1Node">This is paragraph 1.</P>
<P ID = "p2Node">This is paragraph 2.</P>
<P ID = "p3Node">This is paragraph 3.
     <IMG ID = "imgNode" SRC="doc.gif">This text follows the image
     <TABLE ID="tableNode">
         <TR><TD BGCOLOR=yellow>This is row 1, cell 1</TD>
         <TD BGCOLOR=orange>This is row 1, cell 2</TD></TR>
         <TR><TD BGCOLOR=red>This is row 2, cell 1</TD>
         <TD BGCOLOR=magenta>This is row 2, cell 2</TD></TR>
         <TR><TD BGCOLOR=lightgreen>This is row 3, cell 1</TD>
         <TD BGCOLOR=beige>This is row 3, cell 2</TD></TR>
     </TABLE>
</P>
<P ID = "p4Node">This is paragraph 4.</P>
</BODY>
</HTML>

The <BODY> tag is the head of the tree. It has four paragraph children. All paragraphs but the third include just text. The third paragraph is very busy. It includes an image and a table. Two textual entries are also included in between these HTML structures. Each one of these structures is represented as a child node of the third paragraph node.

We have sketched the tree structure of the above example. You can also pop up the page itself to see the outcome of the HTML document above. For the sake of clarity, we have omitted some of the realtionships. We'll explain the relationships you see on the next page.

Solutions

Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business Internet.com eBook: Real Life Rails Avaya Article: Call Control XML - Powerful, Standards-Based Call Control Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks Internet.com eBook: The Pros and Cons of Outsourcing Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks Internet.com eBook: Best Practices for Developing a Web Site IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"		Avaya Article: Call Control XML in Action - A CCXML Auto Attendant Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008 Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers Go Parallel Article: Getting Started with TBB on Windows HP eBook: Storage Networking , Part 1 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++ HP Video: Is Your Data Center Ready for a Real World Disaster? Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices HP On Demand Webcast: Virtualization in Action Go Parallel Video: Performance and Threading Tools for Game Developers		Rackspace Hosting Center: Customer Videos Intel vPro Developer Virtual Bootcamp HP Disaster-Proof Solutions eSeminar HP On Demand Webcast: Discover the Benefits of Virtualization MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2 30-Day Trial: SPAMfighter Exchange Module Red Gate Download: SQL Toolbelt		Iron Speed Designer Application Generator Microsoft Download: Silverlight 2 Beta 2 Runtime MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications		Featured Algorithm: Intel Threading Building Blocks - parallel_reduce MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES

home / experts / javascript / column41

The Document Object Model (DOM), Part II (7)

Analyzing a Complex Document