Discussion :

[sasafca]

Bonjour à tous,

je débute en développement web, et j'ai un petit problème.

J'arrive à supprimer tout un tableau en Javascript, mais je n'arrive pas a supprimer seulement le tbody (afin de garder toujours thead).

voici une partie de mon code:

Mon tableau en HTML

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<table id="Classement" border cellspacing=4 cellpadding=4 class="tableau">
<thead>
	<tr>
		<td>Classement</td>
		<td>Nom</td>
		<td>Temps</td>
	</tr>
</thead>
<tbody id="Classement_body">
</tbody>
</table>

Mon code javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function Classement()
{
		this.afficher = function()
	{
		var ClassementAnt = document.getElementById("Classement_body");
		ClassementAnt.style.display = "none";
		while ( ClassementAnt.firstChild != null ){
			ClassementAnt.removeChild(ClassementAnt.firstChild);
		};
 
 
	};
}

Lorsque j'utilise le même code mais avec "Classement" au lieu de "Classement_boy" le tableau disparaît bien tout entier, mais j'aimerai que seul le tbody disparaisse en utilisant mon code.

Merci de votre aide !!

[Bovino]

Code :

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

ClassementAnt.parentNode.removeChild(ClassementAnt);

[SpaceFrog]

http://jsfiddle.net/TuwUL/1/