81Chapter 14 .Document Object Model Essentials According to W3C DOM terminology, each container, standalone element (such as a BR element), or text chunk is known as a node a fundamental building block of the W3C DOM. Nodes have parent-child relationships when one container holds another. As in real life, parent-child relationships extend only between adjacent generations, so a node can have zero or more children. However, the number of third-generation nodes further nested within the family tree does not influence the number of children associated with a parent. Therefore, in Listing 14-1, the HTML node has two child nodes, HEAD and BODY, which are siblings that share the same parent. The BODY element has one child (P) even though that child contains three children (two text nodes and an EM element node). If you draw a hierarchical tree diagram of the document in Listing 14-1, it should look like the illustration in Figure 14-3. document +– +–
| +–
| +–”A Simple Page” +–<BODY> +–<P ID="paragraph1"> +–”This is the ” +–<EM ID="emphasis1"> | +–”one and only” +–” paragraph on the page.” Figure 14-3: Tree diagram of nodes for the document in Listing 14-1 Note If the document s source code contains a Document Type Definition (DTD) above the <HTML> tag, the browser treats that DTD node as a sibling of the HTML element node. In that case, the root document node contains two child nodes. The W3C DOM (through Level 2) defines 12 different types of nodes, seven of which have direct application in HTML documents. These seven types of nodes appear in Table 14-3 (the rest apply to XML). Of the 12 types, the three most common are the document, element, and text fragment types. The latter two are implemented in both IE5+ and NN6 (all are implemented in NN6). <br />Check <a href="http://domain.bluewebsitehosting.net">Tomcat Web Hosting</a> services for best quality webspace to host your web application.
</p>
<p class="postmetadata alt">
<small>
This entry was posted
on Saturday, September 29th, 2007 at 3:26 am and is filed under <a href="http://tomcat.solidwebhosting.net/category/tomcat/" title="View all posts in Tomcat" rel="category tag">Tomcat</a>.
You can follow any responses to this entry through the <a href='http://tomcat.solidwebhosting.net/tomcat/81chapter-14-document-object-model-essentials-web-hosting-mysql-according-to/feed/'>RSS 2.0</a> feed.
You can <a href="#respond">leave a response</a>, or <a href="http://tomcat.solidwebhosting.net/tomcat/81chapter-14-document-object-model-essentials-web-hosting-mysql-according-to/trackback/" rel="trackback">trackback</a> from your own site.
</small>
</p>
</div>
</div>
<!-- You can start editing here. -->
<!-- If comments are open, but there are no comments. -->
<h3 id="respond">Leave a Reply</h3>
<form action="http://tomcat.solidwebhosting.net/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" />
<label for="author"><small>Name (required)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> </small></p>-->
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="164" />
</p>
</form>
</div>
<hr />
<div id="footer">
<!-- If you'd like to support WordPress, having the "powered by" link someone on your blog is the best way, it's our only promotion or advertising. -->
<p>
Java Server Pages, Tomcat, Jsp, J2Ee, Servlets, Struts Blog is proudly powered by
<a href="http://www.visionwebhosting.net/">cheap hosting</a>
<br /><a href="feed:http://tomcat.solidwebhosting.net/feed/">Entries (RSS)</a>
and <a href="feed:http://tomcat.solidwebhosting.net/comments/feed/">Comments (RSS)</a>.
<!-- 20 queries. 0.056 seconds. -->
</p>
</div>
</div>
<!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->
</body>
</html>