Modification de la structure d'un document
Bonjour,
Dans une page (X)HTML affichée dans Internet Explorer, j'ai défini un tableau comme suit :
Code:
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:
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.
