Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    traversing from <div> Tag to there chid nodes

    I was wondering is there any simple method to travers through from one tag to its childhren nodes.

    For example

    <div>
    child nodes ?
    </div>

  • #2
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Probably something like this:

    var root = element_reference_as_Node;
    var oChild=root.firstChild;
    while(oChild!=null){
    if(oChild.innerHTML!=null){
    alert(oChild.innerHTML)
    }
    oChild=oChild.nextSibling;
    }

    For instance:
    PHP Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
    <
    html>
    <
    head>
    <
    title>Untitled Document</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    meta http-equiv="Content-Style-Type" content="text/css">
    <
    meta http-equiv="Content-Script-Type" content="text/javascript">
    <
    script language="JavaScript" type="text/JavaScript">
    function 
    bla(){
    var 
    root document.getElementsByTagName('table')[0].getElementsByTagName('tbody')[0];
    var 
    oChild=root.firstChild;
    while(
    oChild!=null){
    if(
    oChild.innerHTML!=null){//avoids the Moz traversing through empty textNodes
    alert(oChild.innerHTML)
    }
    oChild=oChild.nextSibling;
    }
    }
    onload=bla;
    </script>
    </head>
    <body>
    <table width="500" border="0" cellspacing="1" cellpadding="0">
    <tbody>
    <tr>
    <td>qqqqqqqq</td>
    </tr>
    <tr>
    <td>wwwwwwww</td>
    </tr>
    <tr>
    <td>eeee</td>
    </tr>
    <tr>
    <td>rrrrrr</td>
    </tr>
    <tr>
    <td>tttttt</td>
    </tr>
    </tbody>
    </table>

    </body>
    </html> 
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •