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.