/*
JavaScript Unleashed, Third Edition
by Richard Wagner and R. Allen Wyke
ISBN: 067231763X
Publisher Sams CopyRight 2000
*/
/*
Navigating a Document
+--------------------+-----------------------------------------------------
Navigate to Expression
+--------------------+-----------------------------------------------------
The first child bodyNode.firstChild or
bodyNode.childNodes[0]
+--------------------+-----------------------------------------------------
The second child bodyNode.childNodes[1]
+--------------------+-----------------------------------------------------
The fourth or last child bodyNode.childNodes[4] or
bodyNode.lastChild
+--------------------+-----------------------------------------------------
Root's second child (the text node) from Node 1 Node1.nextSibling
+--------------------+-----------------------------------------------------
Root's third child from Node 1 Node1.nextSibling.nextSibling
+--------------------+-----------------------------------------------------
Root's last child Node1.nextSibling.nextSibling. nextSibling
+--------------------+-----------------------------------------------------
Children of the fourth child Node1.nextSibling.nextSibling. nextSibling.childNodes[0]
+--------------------+-----------------------------------------------------
The second <P> from the third <p> Node3.previousSibling.previous Sibling.previousSibling.childNodes[0]
+--------------------+-----------------------------------------------------
The grandchild of the <BODY> tag. bodyNode.firstChild.firstChild
+--------------------+-----------------------------------------------------
<BODY> root tag from a <P> tag Node1.parentNode
+--------------------+-----------------------------------------------------
The grandchild of the <BODY> and bodyNode.firstChild.firstChild. parentNode.parentNode
back to the <body>
+--------------------+-----------------------------------------------------
*/
<HTML>
<HEAD>
<TITLE> DOM document tree </TITLE>
</HEAD>
<BODY ID="bodyNode"><P ID = "Node1">A first paragraph</P>
The main document
<P ID = "Node2"> </P>
<P ID = "Node3"></P>
<P ID = "Node4"></P>
</BODY>
</HTML>
|