[JavaScript] parcours du DOM

[Booster2ooo]

Code :

<div id="test"><span fonction="salut"><span fonction="fuck"></span></span>lol</div>
<br />
<textarea id="lol" style="color:red;height:500px;width:800px;" ></textarea>
<br />
<button onclick="explore(document.getElementById('test'));"></button>

<script type="text/javascript" >
var tab=0
  , lol=document.getElementById('lol')
  
  , tabIt = function ()
    {
        for(var i=0;i<tab;i++)
        {
            lol.innerHTML+="\t";
        }
    }
  , explore = function (object)
    {
        var children = object.childNodes;
        tabIt();
        lol.innerHTML+="debut d'un array de type : "+object.nodeType+" et de fonction : "+object.getAttribute("fonction")+"\n";
        if(children.length > 0)
        {
            tab++;
            for(var i =0, c = children.length; i<c;++i)
            {
                if(children[i].nodeType==3)
                {
                    tabIt();
                    lol.innerHTML+="un enfant textuel\n";
                }
                else
                {
                    explore(children[i]);
                }
            }
        }
    }
  ;
</script>

Code :

debut d'un array de type : 1 et de fonction : null
    debut d'un array de type : 1 et de fonction : salut
        debut d'un array de type : 1 et de fonction : fuck
        un enfant textuel