Boucle avec getElementsByClassName()

Bonjour,

j'ai un soucis avec un code qui fait globalement cela
html :

Code:

---

1 2 3 4 5 6 7 8

<div class="menu"> ... </div>   <div class="menu"> .... </div> ...

---

script :

Code:

---

1 2 3 4 5 6

function InitMenus() { var tabMenus = document.getElementsByClassName("menu"); for (i = 0; i < tabMenus.length; i++) tabMenus[i].style.height = 20 + "px"; }

---

Seule la taille du premier div menu est changée, les autres ne sont pas impactées.

Une piste ?
Merci d'avance.

Tu as peut etre un souci de structure de ton HTML ??

le code est lui fonctionnel

http://jsfiddle.net/7tr4h63k/

Merci de m'avoir prouvé que ce bout de code est fonctionnel.
Je vais donc revoir la structure de mon fichier complet.
Je posterais la solution lorsque j'aurais résolu le problème.

En fait c'est bien fonctionnel, y compris dans mon HTML.
sauf qu'il y a une astuce que je n'avais pas compris
quand on réduit la taille d'un div, on n'efface pas ce qu'il contient et qui déborde.
(Il suffit dans jsfiddle de remplacer le premier jeu de ... par 3 ou 4 lignes "test<br>" pour voir que ces lignes sont affichées meme si elles dépassent du div).
et dans mon fichier réel, le texte contenu dans le div ne disparaissait pas et donc je croyais que le div n'était pas resizé.

Il faut ajouter overflow:hidden; dans le style du div pour avoir un "crop".