Supprimer input et tr tableau
Bonjour,
J'ai adapté plusieurs tutoriaux trouver sur le net pour afficher une ligne de tableau avec 2 cellules et 1 input par cellule en cliquant sur un lien.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| var compteur = 0;
function addLigne(idChamp) {
var conteneur = document.getElementById(idChamp);
var tr1 = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var sdad = document.createElement('input');
var sdaf = document.createElement('input');
sdad.setAttribute("type","text");
sdad.setAttribute("name"," sdad["+compteur+"]");
sdaf.setAttribute("type","text");
sdaf.setAttribute("name"," sdaf["+compteur+"]");
td1.appendChild(sdad);
td2.appendChild(sdaf);
tr1.appendChild(td1);
tr1.appendChild(td2);
conteneur.appendChild(tr1);
compteur++;
} |
Code:
1 2 3
| <table border="0" cellspacing="6" id="divarticle">
<a href="#" onClick="javascript:addLigne(' divarticle');">Ajouter un article</a>
</table> |
Je souhaiterais avec un autre lien à côté pouvoir supprimer la dernière ligne ajouté. Y'a t-il une fonction pour supprimer la dernière entrée ? Ou bien je dois lancer une recherche de l'élement pour faire un removechild ? Car j'ai testé ça et je n'y arrive pas.
Merci pour votre aide [cligne]