Supprimer une ligne d'un tableau en javascript

Recherche :

Sujet(s) à lire :
- Ajouter une ligne à un tableau en javascript

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Supprimer une ligne d'un tableau en javascript

zezette

"Allez hop, au revoir"

Bonsoir à tous,

J'ai un tableau id=latable en HTML dans lequel les lignes (tr) ont un id=tr+unnumero.

Je veux supprimer la ligne 3. Je dois d'abord supprimer chaque td ou je peux directement supprimer le tr ?

Code :

document.getElementById('latable').removeChild(document.getElementById('tr3'));

Ca me dit "Node was not found"

mais si je supprime les td, ça marche (mais toujours pas pour le tr)

Code :

document.getElementById('tr3').removeChild(document.getElementById('td31'));
document.getElementById('tr3').removeChild(document.getElementById('td32'));
document.getElementById('latable').removeChild(document.getElementById('tr3'));

Les 2 première lignes marchent (mais le tr est toujours là) et la 3e ligne ne marche pas...

Qu'est-ce que j'ai oublié ???

Message édité par zezette le 17-11-2008 à 11:25:29

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

Publicité

FlorentG

Les <tr> ne sont pas childNodes du <table>, mais du <tbody> (qui est optionnel, mais quand-même présent dans le DOM)

Message cité 1 fois

tpierron

Ou si tu veux supprimer une ligne d'une table, utilise simplement la méthode deleteRow(index) de l'objet table ou d'une section d'une table (thead ou tbody). "index" commence à 0, -1 pour la dernière ligne.

Message cité 1 fois

zezette

"Allez hop, au revoir"

FlorentG a écrit :

Les <tr> ne sont pas childNodes du <table>, mais du <tbody> (qui est optionnel, mais quand-même présent dans le DOM)

Merci pour l'info ; j'ai donc remplacé la dernière ligne par

Code :

document.getElementById('latable').firstChild.removeChild(document.getElementById('tr3'));

Ca marche en IE7, mais il y a toujours la même erreur en Firefox...

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

zezette

"Allez hop, au revoir"

tpierron a écrit :

Pas mal, mais comment je peux récupérer l'index ? (outre mon 3 dans mon exemple)

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

tpierron

Propriété rowIndex d'un TableRow (un tr donc). Fait attention, car c'est l'index absolu dans la table, donc pour supprimer une ligne avec cette valeur, c'est la méthode deleteRow de la table qu'il faut appeler (pas du tbody ou thead).

Message cité 1 fois

GordonF_69

Une fois j'avais fait une fonction comme ca en JS :

Code :

function deltile(t)
{
if(document.getElementById(t))document.getElementById(t).parentNode.removeChild(document.getElementById(t));
}

Si je me souviens, elle s'utilise comme ca :
deltile('tr3');

Bien sur, il faut mettre les bon id au <tr>
Normalement, ca marche

Message édité par GordonF_69 le 14-11-2008 à 17:50:35

zezette

"Allez hop, au revoir"

tpierron a écrit :

Ca marche, merci !

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

FORUM HardWare.fr

Programmation

HTML/CSS

Supprimer une ligne d'un tableau en javascript

Sujets relatifs
Petite loupe dans case d'un tableau no javascript	afficher div en javascript après validation formulaire non validée
[résolu]Récupération d'un tableau dans une string	Problème tableau html
problème avec un modulo et un tableau html	[resolu] alignement cellule dans tableau HTML
[Résolu] FERMER CE TOPIC VITE !!!	[PHP Class] - Création d'un objet et attribution de valeurs (tableau)
lister le contenu d'un fichier sur une seule ligne
Plus de sujets relatifs à : Supprimer une ligne d'un tableau en javascript

Page générée en 0.046 secondes