Cette ligne :
document.getElementById(copie.id).style.display = "inline";
fait précisément ce qu'elle est censée faire. Mais ce n'est sans doute pas ce que tu penses.
Un id doit être unique dans la page. Il est indiqué dans la doc de la méthode .clone qu'il est déconseillé de clôner des éléments ayant un id. En clônant l'élément #t0 tu te retrouves avec deux éléments dans ta page portant le même id.
En théorie, s'il existe plusieurs éléments avec le même id, le résultat de getElementById est indéfini. En pratique, on peut s'attendre à recevoir le premier des éléments correspondants, dans l'ordre du DOM. Mais rien ne le garantit : ça dépend de l'implémentation.
Donc ce qui se passe concrètement, c'est que cette ligne de code modifie le style de l'élément original, et non du clône.
Ma meilleure proposition pour résoudre ton problème c'est de donner un nouvel id au clône dès qu'il est créé, et ne pas oublier d'utiliser ce nouvel id à la place de l'ancien.
Partager