Navigating Documents : DOM Content : Development JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Development » DOM Content »

Navigating Documents



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>