Créer dynamiquement une ligne dans une table
Bonjour,
J'essai de créer une ligne dans une table de manière dynamique en usant des DOM, mais c'est sans succès. Alors je demande un coup de pouce. Voici la fonction javascript:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
|
<script type="text/javascript">
function addrow()
{
var tbl = document.getElementById('mytable')
// Ici je récupère la ligne à copier
var refligne = tbl.getElementsByTagName('tr')[0];
// Là je cree le clone
var cloneligne = refligne.cloneNode()
// Et là je l'affiche
tbl.appendChild(cloneligne)
}
</script> |
et enfin le HTML
Code:
1 2 3 4 5 6 7 8 9 10
|
<table width="100%" border="1" cellpadding="2" id="mytable">
<tr align="center">
<td>texte 1</td>
<td>texte 2</td>
</tr>
</table>
<a href="#" onclick="addrow()">Ajoute une ligne</a> |
Ce code ne produit rien, peut-être ai-je oublié une étape. Merci de vos lumières.
Cordialement,