[JavaScript] parcours du DOM

[InstinctHack]

J'ai fait un script pour parcourir récursivement le dom d'un id en javascript et récuperer la liste des attributs rencontrer sur mon chemin, il marche mais pas toujours ^^" J'aurais besoin d'aide sur ce coup-là.

Ce code est fonctionnel :

Code :

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

<script type="text/javascript" >
var tab=0;
function explore_new(objet)
{
    var lol=document.getElementById('lol');

    function func_tab()
    {
        var ajout=""
        for(var salut=0;salut<tab;salut++)
        {
            ajout+="\t";
        }
        lol.innerHTML+=ajout;
    }

    func_tab();
    lol.innerHTML+="debut d'un array de type : "+objet.nodeType+" et de fonction : "+objet.getAttribute("fonction")+"\n";

    tab++;
    if(objet.hasChildNodes())
    {
        objet_enfants = objet.childNodes;//un array des enfants de l'objet passer en paramètre
        for (var i = 0, c = objet_enfants.length; i < c; i++)//on explore les enfants de l'objet
        {
            if(objet_enfants[i].nodeType==3)
            {
                func_tab();
                lol.innerHTML+="un enfant textuel\n";
            }
            else
            {
                explore_new(objet_enfants[i]);
            }
        }
    }

    tab--;
    func_tab();
    lol.innerHTML+="fin d'un array\n";
}
</script>

Mais si on remplace la première ligne :

Code :

<div id="test"><span fonction="salut"></span>lol</div>

par

Code :

<div id="test"><span fonction="salut"><span fonction="fuck"></span></span>lol</div>

Une erreur survient :/

TypeError: objet_enfants[i] is undefined
if(objet_enfants[i].nodeType==3)

j'ignore pourquoi.... >_<"

---

Problème résolu ainsi : (mais je comprend toujours pas l'erreur et Ca ça m'énerve ^^" )

Code :

<div id="test"><span fonction="salut"><span fonction="fuck">ça marche<span fonction="revoilà">salut les gens</span></span></span>lol</div>
<br />
<textarea id="lol" style="color:red;height:500px;width:800px;" ></textarea>
<br />
<button onclick="explore_new(document.getElementById('test'));"></button>

<script type="text/javascript" >
var tab=0;
function explore_new(objet)
{
    var lol=document.getElementById('lol');

    function func_tab()
    {
        var ajout=""
        for(var salut=0;salut<tab;salut++)
        {
            ajout+="\t";
        }
        lol.innerHTML+=ajout;
    }

    func_tab();
    lol.innerHTML+="debut d'un array de fonction : "+objet.getAttribute("fonction")+"\n";

    tab++;
    if(objet.hasChildNodes())
    {
        objet_enfants = objet.childNodes;//un array des enfants de l'objet passer en paramètre
        for (var i = 0, c = objet_enfants.length; i < c; i++)//on explore les enfants de l'objet
        {
            if(objet_enfants[i]!=undefined)
            {
                if(objet_enfants[i].nodeType==3)
                {
                    func_tab();
                    lol.innerHTML+="un enfant textuel de contenu : "+objet_enfants[i].nodeValue+"\n";
                }
                else
                {
                    explore_new(objet_enfants[i]);
                }
            }
        }
    }

    tab--;
    func_tab();
    lol.innerHTML+="fin d'un array\n";
}
</script>

[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