Une erreur incompréhensible sur un tableau
Bonjour à tous,
Sur cet exercice ultra-basique, j'obtiens "undefined" sur la lecture d'un tableau :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
//3 tableaux tout bêtes
var elem = new Array;
elem[0] = "col_droite";
elem[1] = "col_gauche";
elem[2] = "centre";
elem[3] = "footer";
var hauteurs = new Array();
hauteurs[0] = 422;
hauteurs[1] = 422;
hauteurs[2] = 630;
hauteurs[3] = 624;
var leStyle = new Array();
leStyle[0] = "height";
leStyle[1] = "height";
leStyle[2] = "height";
leStyle[3] = "top"; |
Puis la lecture (qui bugue, donc)
Code:
1
2
3
4
|
for(var i =0; i<elem.length;i++){
document.getElementById(elem[i]).style.leStyle[i] = hauteurs[i]+'px';
} |
Pour la forme, et pour vérifier que les ID des divs sont OK, voici la structure de la page. Les 4 div concernés par la fonction sont bien présents :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<div class="dialog">
<div class="hd"><div class="c"></div></div>
<div class="bd">
<div class="c">
<div id="centre" class="s">
<div id="menu"></div>
<div id="inside_cont">
<div id="col_gauche"></div>
<div id="col_droite"></div>
<div id="footer"></div>
</div>
</div>
</div>
</div>
<div class="ft"><div class="c"></div></div>
</div> |
Résultat de firebug :
Citation:
document.getElementById(elem[i]).style.leStyle is undefined
Et je ne vois pas pourquoi...
