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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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,