récupérer les ‘id’

**phpieur** · 30/05/2007, 16h06

Slt tout le mande
Je vous savoir comment faire pour récupérer les ‘id’ des éléments <div> qui se trouve dans une balise <div> globale
Par exemple :

<div id="dropContent">
<div class="dragableBox" id="box1">CAT</div>
<div class="dragableBox" id="box2">DOG</div>
<div class="dragableBox" id="box3">HORSE</div>
<div class="dragableBox" id="box4">TIGER</div>
</div>

je veux récupérer les 'id' box1,box2,box3 et box4 Dynamiquement dans un array

**E.Bzz** · 30/05/2007, 16h19

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
ton_array = new Array();
function recup() {
for (i=0; i<document.getElementById('dropContent').getElementsByTagName('div').length; i++)
ton_array[i] = document.getElementById('dropContent').getElementsByTagName('div')[i].id;
}
...
</script>
</head>
<body><div id="dropContent">
<div class="dragableBox" id="box1">CAT</div>
<div class="dragableBox" id="box2">DOG</div>
<div class="dragableBox" id="box3">HORSE</div>
<div class="dragableBox" id="box4">TIGER</div>
</div>

A+

**Auteur** · 30/05/2007, 17h21

bonjour,

certes on a chacun ses manies pour coder... Mais personnellement, si je peux éviter la répétition d'un document.getElementById() sur un même élément, je le fais :

Code html :

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
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function recup()
{
  var i, n, objDiv = new Array();
  var ton_array = new Array();
 
  objDiv = document.getElementById('dropContent').getElementsByTagName('div');
  n = objDiv.length;
 
  for (i=0; i<n; i++)
  {
     ton_array[i] = objDiv[i].id;
  }
  alert(ton_array);
}
//-->
</script>
 
</head>
 
<body onload="recup()">
 
<div id="dropContent">
  <div class="dragableBox" id="box1">CAT</div>
  <div class="dragableBox" id="box2">DOG</div>
  <div class="dragableBox" id="box3">HORSE</div>
  <div class="dragableBox" id="box4">TIGER</div>
</div>
 
</body>
 
</html>

**E.Bzz** · 30/05/2007, 17h25

Envoyé par Auteur

certes on a chacun ses manies pour coder...

Heu ... c'est pas pour coder là, c'est pour donner une réponse la plus lisible possible

**Shinuza** · 30/05/2007, 18h12

Envoyé par Auteur

bonjour,

certes on a chacun ses manies pour coder... Mais personnellement, si je peux éviter la répétition d'un document.getElementById() sur un même élément, je le fais :

Code html :

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
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function recup()
{
  var i, n, objDiv = new Array();
  var ton_array = new Array();
 
  objDiv = document.getElementById('dropContent').getElementsByTagName('div');
  n = objDiv.length;
 
  for (i=0; i<n; i++)
  {
     ton_array[i] = objDiv[i].id;
  }
  alert(ton_array);
}
//-->
</script>
 
</head>
 
<body onload="recup()">
 
<div id="dropContent">
  <div class="dragableBox" id="box1">CAT</div>
  <div class="dragableBox" id="box2">DOG</div>
  <div class="dragableBox" id="box3">HORSE</div>
  <div class="dragableBox" id="box4">TIGER</div>
</div>
 
</body>
 
</html>

J'acquiesse, j'aujouterais

Code :

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

  var i, n, objDiv = [], ton_array = [];

en lieu et place de

Code :

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

1
2
  var i, n, objDiv = new Array();
  var ton_array = new Array();

Envoyé par E.Bzz

Heu ... c'est pas pour coder là, c'est pour donner une réponse la plus lisible possible

Si on peut éviter de donner de mauvaise habitudes (absence de factorisation)

**phpieur** · 30/05/2007, 18h19

merci bc

récupérer les ‘id’

JavaScript

Discussions similaires

Partager

Partager