[DOM] ajouter une ligne a un tableau

bonjour,

j'aimerais savoir si il est possible d'ajouter une ligne dynamiquement dans un élément table ?

merci

oui ^^

Code:

---

1 2 3 4 5 6 7 8 9

// récupération de la référence à la table var maTable = document.getElementById('idDeMaTable');   // création d'un élément ligne (vide et isolé) var nouvelleLigne = document.createElement("TR");   // rattachement de la nouvelle ligne à la table maTable.insertBefore(nouvelleLigne, maTable.firstChild);

---

cet exemple insèrera la nouvelle ligne en première position, mais tout est possible a priori ^^

Le mieux avec une table c'est d'utiliser insertRow :

Code:

---

1 2 3

var nouvelleLigne = maTable.insertRow(-1); // ajoute un <tr> à la fin de la table var premièreCellule=nouvelleLigne.insertCell(0); // ajoute un <td>

---

On aurait même pu envisager aussi appendChild pour le rattachement dans le DOM, mais il me semblait qu'insertBefore était celui des trois qui m'avait posé le moins de problèmes de portabilité (notamment avec IE6)(mais je ne suis plus sûr à 100% :oops:)

En tout cas avec tout ça, realkilla devrait trouver son bonheur ^^