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