[DOM] Problème DOM et IE

Version imprimable

Bonjour,

est-ce quelqu'un pourrait-il m'expliquer pourquoi le script ci-dessous ne fonctionne pas sous IE ?

Code:

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
<html>
<head>
<title>test</title>
</head>
<body>
 
<div id="zone_resultats" style="border:1px solid #FF0000;"></div>
 
<script type="text/javascript">
	var tableau = document.createElement('table');
	document.getElementById('zone_resultats').appendChild(tableau);
	//
	for (var i = 0; i < 5; i++) {
		//
		var ligne = document.createElement('tr');
		var cellule = document.createElement('td');
		var texte = document.createTextNode("TD n°"+i);
		//
		cellule.appendChild(texte);
		ligne.appendChild(cellule);
		tableau.appendChild(ligne);
	}
</script>
 
</body>
</html>

normalement je devrais avoir ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="zone_resultats" style="border:1px solid #FF0000;">
<TABLE>
<TR>
<TD>TD n°0</TD></TR>
<TR>
<TD>TD n°1</TD></TR>
<TR>
<TD>TD n°2</TD></TR>
<TR>
<TD>TD n°3</TD></TR>
<TR>
<TD>TD n°4</TD></TR></TABLE>
</div>

non ? En tout cas, sous Firefox ça marche nickel.... :D

Merci d'avance pour votre aide !

Cela vient du fait qu'IE oblige de mettre un TBODY dans ta table...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
	var tableau = document.createElement('table');
	tableau.appendChild(document.createElement("TBODY"));
	tableau = tableau.firstChild;
	for (var i = 0; i < 5; i++) {
		//
		var ligne = document.createElement('tr');
		var cellule = document.createElement('td');
		var texte = document.createTextNode("TD n°"+i);
		//
		cellule.appendChild(texte);
		ligne.appendChild(cellule);
		tableau.appendChild(ligne);
	}
	document.getElementById('zone_resultats').appendChild(tableau);

oulala !!!! un GRAND merci à toi FremyCompany :D

j'aurais pu chercher très très longtemps... 8O

par contre je ne comprend pas trop pourquoi tu m'as mis : tableau = tableau.firstChild;

Mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var table = document.createElement('table'); var tbody = document.createElement('tbody'); //tableau = tableau.firstChild; for (var i = 0; i < 5; i++) { // var ligne = document.createElement('tr'); var cellule = document.createElement('td'); var texte = document.createTextNode("TD n°"+i); // cellule.appendChild(texte); ligne.appendChild(cellule); tbody.appendChild(ligne); } table.appendChild(tbody); document.getElementById('zone_resultats').appendChild(table);
En tout cas, maintenant ça marche... :mrgreen:
Encore merci
@+ ;)

Citation:
Envoyé par Tchupacabra
oulala !!!! un GRAND merci à toi FremyCompany :D

j'aurais pu chercher très très longtemps... 8O

par contre je ne comprend pas trop pourquoi tu m'as mis : tableau = tableau.firstChild;

Mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var table = document.createElement('table'); var tbody = document.createElement('tbody'); //tableau = tableau.firstChild; for (var i = 0; i < 5; i++) { // var ligne = document.createElement('tr'); var cellule = document.createElement('td'); var texte = document.createTextNode("TD n°"+i); // cellule.appendChild(texte); ligne.appendChild(cellule); tbody.appendChild(ligne); } table.appendChild(tbody); document.getElementById('zone_resultats').appendChild(table);
En tout cas, maintenant ça marche... :mrgreen:
Encore merci
@+ ;)
Et ben en fait, comme ca tableau devenait égal à TBODY (le premier sous-noed XML de TABLE) et je devais pas remplacer tableau par tbody dans ton code xD ;)

13/01/2007, 15h01
sekaijin

Attention le DOM ne représente pas les TAG que tu as mis dans ta page. il est le résultat de l'interprétations ce ceux-ci.

bref le parseur HTML quelque soit le navigateur va tenter d'interpréter ton code est de construire une page donc un arbre DOM conforme à (ce qu'il a compris de) la norme.

un tableau à toujours un tbody les script sont toujours dans document.script etc.

si ton code HTML contient des élément non conforme l'interprète va tenter de les rendre conforme.
par exemple pas de texte entre TR et TD

etc.

A+JYT