Discussion :

[BernardT]

Bonjour,

Je souhaite faire disparaitre plusieurs div qui ont le même id (il s'agit d'une liste et il y a plus de 50 div parfois à faire disparaitre).

Le problème vient du fait que la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('monid').style.display='none';

n'exécute l'action que pour la première div.
J'aimerai que toutes les autres div disparaissent aussi.

Auriez vous une idée ?

Merci d'avance

Bernard

[le_chomeur]

il faut toute les récupérer dans un tableau pui parcourir ton tableau , exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var listeDiv = document.getElementById('conteurAllDiv').getElementsByTagName('div');
 
for(var i = 0 , l  = listeDiv.length ; i < l ; i ++ ){
listeDiv[i].style.display = "none";
}

ou plus simple .. masquer le conteneur ^^

[BernardT]

Merci pour cette réponse rapide.
Ca marche parfaitement, sauf que j'ai malheureusement dans mon conteneur d'autres div au milieu qui ont des id différents et qui disparaissent aussi.

N'y aurait-il pas un équivalent à getElementsByTagName('div') qui fonctionnerait avec l'id?

Merci

[BernardT]

J'ai rajouté if(listeDiv[i].id == 'mydiv') comme condition et ca marche.

Merci

[le_chomeur]

my god !
un id doit être unique !!

donc vérifis plutôt par rapport a la classe css : .className == "madiv"