[DOM] Problème DOM et IE

**Tchupacabra** · 12/01/2007, 16h47

Bonjour,

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

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
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 :

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

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....

Merci d'avance pour votre aide !

**FremyCompany** · 12/01/2007, 18h01

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

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
 
	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);

**Tchupacabra** · 12/01/2007, 18h48

oulala !!!! un GRAND merci à toi FremyCompany

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

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

Mon code :

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
	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...

Encore merci
@+

**FremyCompany** · 12/01/2007, 20h18

Envoyé par Tchupacabra

oulala !!!! un GRAND merci à toi FremyCompany

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

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

Mon code :

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
	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...

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

**sekaijin** · 13/01/2007, 16h01

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

[DOM] Problème DOM et IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager