Tips & Astuces

Récupérer tout les enfants de la div parent _container

Exemple :

HTML :

<div id="_container">
   <div id="score"></div>
   <div id="character"></div> 
   <div id="canvas"></div>
</div>

JS :

var myChildren = [];
for(var i = 0; i < _container[0].childNodes.length; i++)
{
    myChilds.push(_container[0].childNodes[i]);
}

myChild sera donc un tableau contenant score, character, et canvas, il contient tous les enfants de _container.

Remarque de Pierre : attention, je me méfie des fonctions natives JS pour la compatibilité. En jQuery ça donne :

$('#_container').children().each(function () {
    l'élément est référencé avec this
});

ou alors :

$('#_container>*').each(function () {
});

Récupérer un enfant grâce à son ID contenu dans la div parent _container

Exemple : Si vous souhaitez n'avoir que la div canvas

JS :

var uniqueChild;
for(var i = 0; i < _container[0].childNodes.length; i++)
{
    if(_container[0].childNodes[i] === "canvas");
    uniqueChild = _container[0].childNodes[i];
}   

Unique Child ne contiendra que l'élément canvas.