Discussion :

[jux]

Bonjour,

J'ai découvert horrifié que innerHTML ne fonctionne pas, notamment, avec les balises <table>, <tr> avec Internet Explorer. Je suis donc obligé de construire mon html avec les DOM.

Mais là je suis dégouté car le code suivant ne fonctionne pas sur IE (8) mais fonctionne bien sur Firefox, Chrome, Safari :

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
 
<div id=content>
<table name=global_table id=global_table align=center  border=1  class=pol style="border-collapse:collapse; padding:7px;" cellpadding=10px>
</table>
</div>
</script>
var tr_lib=document.createElement('tr');
tr_lib.setAttribute('class','pol3');
tr_lib.setAttribute('className','pol3');	//IE
var tab_lib=new Array('Type','Date ','Garantie','Adresse','Référence');
 
for(i in tab_lib)
{
	var td_lib=document.createElement('td');
	var text_lib=document.createTextNode(tab_lib[i]);
	td_lib.appendChild(text_lib);
	tr_lib.appendChild(td_lib);
}
document.getElementById('global_table').appendChild(tr_lib);
</script>

Merci beaucoup

[SpaceFrog]

il faut appender dans le thead ou tbody de la balise table même si tu n'en n'a pas explicitement mis, le tbody est créé par le DOM

[Watilin]

Moi ce qui m’aurait horrifié c’est d’être obligé d’utiliser innerHTML…
Cela dit, mets une balise <tbody> en dur dans ton code, ça t’évitera des surprises.

[Bovino]

En plus de ce qui a déjà été dit, ton code HTML est impropre. Même si c'est "toléré" en HTML4 de ne pas entourer les valeurs des attributs de guillemets, cela reste une pratique à proscrire.
Ensuite, faire un for in sur un Array est suicidaire, puisque cela énumère toutes les propriétés du tableau, y compris celles qui n'ont rien à voir avec ses valeurs.

[jux]

Merci pour votre réponse, en effet ça fonctionne.
Mais je suis bien embêté pour le innerHTML car le code html que je met dans les <tr> de ma <table> est assez conséquent, donc voilà je suis obligé de tout recoder en DOM ... Et à cause de IE ....

[SpaceFrog]

http://www.developpez.net/forums/d47...hlight=tableau

[javatwister]

pas vraiment d'accord Bovino; c'est un Array déclaré, sans surprise, et la boucle ne révèlera aucune propriété non voulue

[Bovino]

Ahhh !!!
Tu m'énerves d'avoir raison !

Je suis victime de mes préjugés sur les boucles for in et j'étais resté persuadé que ces boucles sur les objets de type Array ressortaient les propriétés héritées du type length ou autres.

[jux]

Merci pour votre aide !