[DOM]Supprimer des éléments d'une page HTML

Version imprimable

Bonjour,

voilà j'ai une page où on peut ajouter des TR, et où on doit pouvoir les supprimer.
je n'arrive pas à les supprimer en essayant que le JS soit compatible au niveau de IE et FF au moins.
Je fais par exemple :
Code:

1 2 var element=document.getElementsByTagName("TR")[0]; document.documentElement.removeChild(element);
sous IE ça me met comme erreur "argument non valide", sous FF j'ignore comment je peux savoir l'erreur que ça remonte :roll:
En plus il faut permettre de supprimer le TR courant, donc j'utilise la fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function whichElement(e){ var targ; if (!e){ var e = window.event; } if (e.target){ targ = e.target; } else if (e.srcElement){ targ = e.srcElement; } var tname; tname=targ.tagName;
et pour supprimer l'élément selectionné, j'essaie ceci :

Code:

targ.parentElement.removeChild(targ);

au niveau IE ça marche, mais au niveau FF ça plante :(

04/02/2009, 20h32
Auteur
kikou Witch,

pour supprimer une ligne dans un tableau utilise la fonction deleteRow() :
syntaxe :
Code:

1 2 3 4 var ligne = document.getElementById("idLIgne"); document.getElementById("tableau").deleteRow(ligne.rowIndex);
un exemple plus complet ici
04/02/2009, 21h03
Bovino

Sinon, sur la base de ton code :

Code:

targ.parentNode.removeChild(targ);

(parentNode plutôt que parentElement)

Coucou Auteur :), Bovino
En fait malheureusement le code ne marche qu'au niveau IE, et en plus je n'utilise pas des "id" dans mes tag :(
Pour le code de Bovino c'est vrai que ça me supprime l'élément en cours mais pas toute la ligne du tableau...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <html> <head> <title>A Simple Page</title> <script language="JavaScript">  </script> </head> <body> <table> <TR><td>okokokokokok</td><td><input type="button" value="click me" onClick="delRow(event);"></td></TR> </table> </body> </html>
ça me supprime juste le boutton....ce qui est évident, mais j'aimerais bien que ça me supprime toute la ligne, c'est à dire le "TR" en cours.

Arf... je suis pas assez remonté...

Code:

1
2
3
4
while(targ.nodeName != 'TR'){
    targ = targ.parentNode;
}
targ.parentNode.removeChild(targ);

05/02/2009, 16h37
witch

Je me demandais justement à quoi ça servait ça..tiens!
Merci Bovino :)