Bonjour
 
J'ai plusieurs div ayant toujours le même nom , du style "div_id_1", "div_id_2", "div_id_3", etc... que j'aimerai cacher.  
 
Puis une fois toute cachées, j'aimerai n'en rendre visible qu'une seule (la "div_id_3" par exemple).  
 
J'ai bien compris qu'il fallait utiliser style.visibility = "visible" ou style.visibility = "hidden".  
 
Mais mon pb est plutôt comment :
- repérer le nombre de "div_id_xxx" dans la page (car ce nombre n'est pas fixe)
- comment toutes les cacher (dans une boucle, ou en une seule opération)
 
Vos aides seront les bienvenues.  
 
MErci
 
DOminique

tu es sûr que tu ne peux pas modifier un peu tes conventions de nommage et ajouter, par exemple, une classe identique à tous ces divs ?

non je dois garder ce nommage, car ensuite je dois récupérer le "xxx" pour en faire autre chose.  
 
donc si toutes les divs ont le même nom, ce ne sera pas possible.

tu leurs laisses l'id
mais tu leur mets une classe  en plus pour les retrouver facilement

Fait vite fait, non testé :

Merci GordonF_59
 
Ca marche nickel.
 
Maintenant j'ai un autre souci et si je peux me permettre je profite de ta présence.  
 
Maintenant que mes divs sont cachés. Je dois en faire apparaître qu'une seule. Que je mette  
 
document.getElementById('id_categorie_'+id_categorie_selectionne).style.visibility = "visible";
 
ou
 
document.getElementById('id_categorie_'+id_categorie_selectionne).style.display = "display";
 
Rien n'y fait : ça n'apparait pas.  
 
Et dans firebug je vois que mon style de ma div est devenu :
style="display: none; visibility: visible;
 
Que se passe t il ? une piste pour m'orienter ? Merci d'avance
 
Dominique

document.getElementById('id_categorie_'+id_categorie_selectionne).style.display = "block";  
 

impec, ça marche . Merci flo850, merci à tous.  
 
J'ai encore à apprendre beaucoup de choses en css et js ;-)
 
Dominique

au passage
document.getElementById('div_id_'+i).style.display='none'; te petera a la gueule si il n'existe pas ( si tu as des trous dans tes ids)