[DOM] [JS] innerHTML et IE6
Bonjour,
j'essaie d'inverser les lignes d'un table HTML (et pas les colonnes), en javascript.
J'obtiens un script qui fonctionne sous firfox 2, mais pas sous IE6.
Sous IE6, la table disparait simplement...
est ce que IE6 gère mal (pas?) le DOM ?
qu'est ce que je peux changer dans mon code pour le faire tourner sous ie6 ?
le code :
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<script>
function inverttable()
{
var table=document.getElementById('matable'); //le noeud de ma table
var trs=table.getElementsByTagName('tr'); //les tr de ma table
var newtable=document.createElement('table'); // une nouvelle table
var contenu;
for(i=trs.length-1 ; i>=0 ; i--)
{
var n = trs[i].cloneNode(trs[i],true);
newtable.appendChild(n); //j'ajoute le dernier tr de ma table vers la nouvelle table
//alert(n.innerHTML);
}
table.innerHTML='';
table.innerHTML+=newtable.innerHTML;// je remplace le contenu de l'ancienne table avec celui de la nouvelle
table.innerHTML+='';
}
</script>
<table id="matable" border="1">
<tr id="tr1">
<td id="un">un</td>
<td id="deux">deux</td>
<td id="trois">trois</td>
</tr>
<tr id="tr2">
<td id="quatre">quatre</td>
<td id="cinq">cinq</td>
<td id="six">six</td>
</tr>
<tr id="tr3">
<td id="sept">sept</td>
<td id="huit">huit</td>
<td id="neuf">neuf</td>
</tr>
<tr id="tr4">
<td id="dix">dix</td>
<td id="onze">onze</td>
<td id="douze">douze</td>
</tr>
</table>
<input type="submit" onclick="inverttable();" value="Inverser" /> |
merci
