[ children ] div

**hocinema** · 14/02/2007, 22h47

Bonjour,

Code :

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

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

**Vanish** · 14/02/2007, 23h10

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.

**ryan** · 15/02/2007, 01h09

Yop!

Quelque chose comme ça:

Code :

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

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>

[ children ] div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager