Retourner la ligne d'un élément d'un tableau HTML

Bonjour, j'ai un tableau html dont le nombre de lignes peut être augmenté par du javascript.

J'aimerais produire l'effet inverse et permettre de supprimer des lignes. J'ai donc placé dans mon tableau html un bouton permettant de supprimer une ligne. Chaque bouton à un identifiant comportant le numéro de la ligne lors de la création.

Code:

---

newCell.innerHTML = '<button type="button" name="delete'+(length-2)+'" onclick="deleteLine(\'addSynonymForm\','+(length-2)+')" />

---

L'action associée au bouton porte cet identifiant. Pour la première suppression il n'y a pas de problème. Mais ensuite, les numéros de lignes ne correspondent plus à la réalité car une ligne a été supprimé.

J'aimerais donc à partir de l'identifiant du bouton retrouver la ligne qui le contient dans le tableau html.

Comment puis-je faire ceci?

A partir du moment ou tu connais l'id de l'élément bouton, pas de problème a priori avec quelque chose du style :

Code:

---

1 2 3

var bouton = document.getElementById("idDeTonBouton"); var ligne = bouton.parentNode; ligne.parentNode.removeChild(ligne);

---

rowIndex :mrgreen:

J'ai utilisé la première méthode,

j'ai juste ajouté un .parentNode car sinon je détruisais seulement la cellule.

Merci pour votre aide

Citation:

---

Envoyé par Jehuty57

j'ai juste ajouté un .parentNode car sinon je détruisais seulement la cellule.

---

Ah tiens oui :aie: heureusement que tu as compris le principe et corrigé de toi-même :ccool: