[ children ] div

Version imprimable

14/02/2007, 22h47
hocinema

[ children ] div
Bonjour,
Code:

1 2 3 4 5 6 7 8 <div id="pereDiv"> <div id="child1"></div> <div id="child2"></div> . . . <div id="child80"></div> </div>
J'ai une div principale, contenant plusieurs div enfant (1 à 80).
Comment récupérer tous les enfants de la div prinipale, pour les passer en 'hidden'..., sans a avoir à parcourir un tableau (1 à 80, getElementById(id)) car je veux un traitement rapide.

Merci
14/02/2007, 23h10
Vanish

Sans doute que ta une raison pour pas le faire mais on sais jamais, pourquoi pas simplement passer "perediv" en hidden?

Apres si tu ne veux pas tous les passer en hidden en meme temps y faut bien qu'ils soient tous parcourus, et donc dans tous les cas tu trouvera pas plus rapide(en JS s'entend) que de les mettres ds un tableau JS et les parcourir.

Yop!

Quelque chose comme ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<html>
<head>
<script language="javascript">
function hideChildNodes(theid)
{
var perediv = document.getElementById(theid);
for (i=0; i<perediv.childNodes.length; i++)
  {
  perediv.childNodes[i].style.visibility = "hidden";
  }
}
</script>
</head>
<body>
<div id="pereDiv">
        <div id="child1">child1</div>
        <div id="child2">child2</div>
        <div id="child3">child3</div>
        <div id="child4">child4</div>
        <div id="child5">child5</div>
        <div id="child6">child6</div>
        <div id="child7">child7</div>
        <div id="child8">child8</div>
</div>
<input type=button value="Effacer" onClick="hideChildNodes('perediv')">
</body>
</html>