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

**witch** · 04/02/2009, 17h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

En plus il faut permettre de supprimer le TR courant, donc j'utilise la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

targ.parentElement.removeChild(targ);

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

**Auteur** · 04/02/2009, 20h32

kikou Witch,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var ligne = document.getElementById("idLIgne");
 
document.getElementById("tableau").deleteRow(ligne.rowIndex);

un exemple plus complet ici

**Bovino** · 04/02/2009, 21h03

Sinon, sur la base de ton code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

targ.parentNode.removeChild(targ);

(parentNode plutôt que parentElement)

**witch** · 05/02/2009, 15h40

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
function delRow(e){    
    //Récupérer l'indice de l'élément courant 
    if (!e ){ 
        var e = window.event;
    }
    if(e.target) { 
          targ=e.target; 
    } else if ( e.srcElement) {
          targ=e.srcElement; 
    }
    targ.parentNode.removeChild(targ);
 
}
 
 
//  -->
 
</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.

**Bovino** · 05/02/2009, 16h33

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**witch** · 05/02/2009, 16h37

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager