Récuperation id difficile pour utilisation css

Bonjour à tous et féliciations pour ce super forum vraiment très à la pointe et ce quel que soit le langage.

Voila après maintes recherche sur le forum javascript, je n'arrive toujours pas à trouver une réponse à mon problème.
Code:

1 2 3 4 5 6 7 8 9 10 <div id="content"> <ul id="tabnav"> <li id="machinetab"><a href="#" >Lien1</a></li> <li id="phptab" class="active"><a href="#">Lien2</a></li> <li id="htmltab"><a href="#">Lien3</a></li> </ul> <div id="onglet1">A</div> <div id="onglet2">B</div> <div id="onglet3">C</div> </div>
Donc je cherche à obtenir un tableau javascript des id onglet1,onglet2,onglet3. Pour cela je fais

Code:

content = document.getElementById('content').getElementsByTagName('div');

et donc je récupère bien mes petits.
Cependant dans le cas où j'ai ceci

Code:

<div id="onglet1">A<div id="onglet4>BBB</div>AA</div>

je récupère également onglet4. Ce qui est logique vu l'instruction utilisé.

Donc je voudrais savoir s'il est possible de récupérer uniquement les id des div de premier rang (donc onglet1,onglet2,onglet3).

J'ai essayé avec childNodes et firstNodes mais sans succès.

Inutile de préciser que je suis un newbies en javascript. Le but de tout cela est de faire un display (block/none) sur le div pour le faire apparaitre/disparaitre.

Merci infinnement pour votre aide.

PAs directement mais avec une boucle

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type='text/javascript'>
function GetChildDivs(Container){
     var FirstLevelDivs=new Array();
     var AllChilds=document.getElementById(Container).childNodes
 
     for (i=0;i<AllChilds.length;i++){
         alert(AllChilds[i].nodeName)
         if(AllChilds[i].nodeName=="DIV"){FirstLevelDivs.push(AllChilds[i])}
        }
      alert(FirstLevelDivs.length)
   }
</script>

FirstLevelDivs est la collection des divs de premier niveau

Absolument génial
Merci mille fois spacefrog (sympa l'avatar au fait), tu me sauve la vie.

Gloire à spacefrog ;-)