# \[RESOLU\]\[Javascript\]Boucle sur des noms de variables à incrémenter

**URL:** <https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629>\
**Category:** Dev\
**Created:** [Août 31, 2006, 2:26 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629 "2006-08-31T14:26:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dric](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/dric/32/466_2.png) [@Dric](https://forum.geekzone.fr/u/Dric)\
**Post date:** [Août 31, 2006, 2:26 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/1 "2006-08-31T14:26:52Z")

</div>

Bonjour,

J’ai un certain nombre de div que je veux pouvoir cacher avec un nom.style.display = "none"  
Ces divs ont un nom incrémenté du style nom1, nom2, etc.

Existe-t-il un moyen de faire une boucle qui parcoure tous ces noms de div ?Un peu comme en php avec ${nom.$i} ou $i s’incrémente.

Je précise que je suis un super débutant en javascript, donc pas taper si mon raisonnement est stupide, merci. B)

---

<div class="post-metadata">

**Author:** ![rorotaz](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/rorotaz/32/1527_2.png) [@rorotaz](https://forum.geekzone.fr/u/rorotaz)\
**Post date:** [Août 31, 2006, 2:32 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/2 "2006-08-31T14:32:04Z")

</div>

Dric, je te conseillerais de faire un truc du genre :

`for (i = 1; i < maLimite; i++) {
  obj = document.getElementById("monDiv" + i);
  if (obj) {
	obj.style.display = "none";
  }
}`

Ceci suppose que tes DIV dispose de l’attribut ID avec le nom incrémenté, comme par exemple :  
\<div … id=“monDiv1”\> …   
\<div … id=“monDiv2”\> …   
…

---

<div class="post-metadata">

**Author:** ![Dric](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/dric/32/466_2.png) [@Dric](https://forum.geekzone.fr/u/Dric)\
**Post date:** [Août 31, 2006, 2:33 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/3 "2006-08-31T14:33:14Z")

</div>

Ah oui, c’est carrément simple en fait. Mais j’aurais jamais trouvé tout seul…

C’est parfait, mon problème est résolu. Merci pour ton aide.

---

<div class="post-metadata">

**Author:** ![rorotaz](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/rorotaz/32/1527_2.png) [@rorotaz](https://forum.geekzone.fr/u/rorotaz)\
**Post date:** [Août 31, 2006, 2:41 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/4 "2006-08-31T14:41:21Z")

</div>

Pas de souci.  
Je te conseille [Prototype](http://prototype.conio.net/) comme librairie JS. Très utile.  
[Documentation](http://www.sergiopereira.com/articles/prototype.js.html) de la bête.

Par exemple, avec Prototype, tu peux faire :

`for (i = 1; i < maLimite; i++) {
  obj = $("monDiv" + i);
  if (obj) {
	obj.style.display = "none";
  }
}`

Bon, ça raccourcit pas beaucoup, mais c’est déjà un truc de moins à écrire. Et puis il y a plein de trucs intéressants dans cette librairie.

---

<div class="post-metadata">

**Author:** ![Le\_Duc](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/le_duc/32/225_2.png) [@Le\_Duc](https://forum.geekzone.fr/u/Le_Duc)\
**Post date:** [Août 31, 2006, 3:33 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/5 "2006-08-31T15:33:31Z")

</div>

Pfff tu sers VRAIMENT à rien rorotaz B)

/me précise qu’il y a du second degré là dedans.

[mode troll of]

---

<div class="post-metadata">

**Author:** ![Moe](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/moe/32/160_2.png) [@Moe](https://forum.geekzone.fr/u/Moe)\
**Post date:** [Août 31, 2006, 3:48 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/6 "2006-08-31T15:48:43Z")

</div>

Et si tu ne sais pas combien tu as d’éléments mais que tu es sûr qu’ils forment bien une suite continue de 1 à n (1) :`var i = 1;
while (document.getElementById("nom"+i)) {
	document.getElementById("nom"+i).style.display="none";
	i = i+1;
}`  
Et la [fonction dollar](http://binnyva.blogspot.com/2005/12/my-custom-javascript-functions.html) est ton amie. Pas comme les 40 Ko de Prototype. B)

(1) désolé je sais plus comment on dit en maths

---

<div class="post-metadata">

**Author:** ![Dric](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/dric/32/466_2.png) [@Dric](https://forum.geekzone.fr/u/Dric)\
**Post date:** [Août 31, 2006, 4:26 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/7 "2006-08-31T16:26:25Z")

</div>

ah oui, encore plus simple.

rorotaz -\> Merci pour la doc, j’avais regardé prototype pour bidouiller de l’Ajax mais la doc fournie m’avait semblée trop opaque pour moi…

---

<div class="post-metadata">

**Author:** ![rorotaz](https://forum.geekzone.fr/user_avatar/forum.geekzone.fr/rorotaz/32/1527_2.png) [@rorotaz](https://forum.geekzone.fr/u/rorotaz)\
**Post date:** [Août 31, 2006, 6:10 UTC](https://forum.geekzone.fr/t/resolu-javascript-boucle-sur-des-noms-de-variables-a-incrementer/30629/8 "2006-08-31T18:10:09Z")

</div>

[quote=“Moe, post:6, topic: 30629”]Et la [fonction dollar](http://binnyva.blogspot.com/2005/12/my-custom-javascript-functions.html) est ton amie. Pas comme les 40 Ko de Prototype. B)

(1) désolé je sais plus comment on dit en maths[/quote]

Certes, mais Prototype ne contient pas que “$” B)  
Y a quelques fonctions très utiles, il suffit de regarder la doc que j’avais linkée.