Modification de la structure d'un document

**aidefz** · 05/06/2007, 15h37

Bonjour,

Dans une page (X)HTML affichée dans Internet Explorer, j'ai défini un tableau comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
<table id="listeVilles" border="1">
<tr>
<td>Paris</td>
<td>75000</td>
</tr>
<tr>
<td>Rouen</td>
<td>76000</td>
</tr>
</table>

Je désire rajouter une ligne à ce tableau lors de l'exécution d'une fonction JavaScript définie dans le <head> et appelée lors d'une action sur un bouton de soumission de formulaire.

Voici le code de la fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var liste = window.document.getElementById("listeVilles") ;
var ligne = window.document.createElement("tr") ;
liste.appendChild(ligne) ;
var col_nom = window.document.createElement("td") ;
ligne.appendChild(col_nom) ;
var col_cp = window.document.createElement("td") ;
ligne.appendChild(col_cp) ;
var nom = window.document.createTextNode("Caen") ;
col_nom.appendChild(nom) ;
var cp = window.document.createTextNode("14000") ;
col_cp.appendChild(cp) ;

Lors de l'exécution, le tableau de mon document n'est pas modifié (par d'insertion de la nouvelle ligne) alors que ce genre de code fonctionne très bien sous Mozilla FireFox.

Si quelqu'un a une idée... merci.

**SpaceFrog** · 05/06/2007, 15h42

mêmt si il n'y en a pas de "visible" dans le code
un table à un tbody ...

il faut appender dans le tbody

et puis il faut faire les choses dans l'ordre :

créer le tr
créer le td
créer le textnode

appender le textnode dans le td
appender le td dasn le tr
appender le tr dasn le tbody

Modification de la structure d'un document

JavaScript

Discussions similaires

Partager

Partager