Supprimer élement innerHTML [Résolu]

[OneAgain95]

Bonjour,

alors voila je m'explique rapidement sur ce que je souhaite faire. Je veux afficher par le biais d'un script quelque chose de dynamique s'actualisant toutes les secondes. Pour cela, je fais appel à la fonction setInterval().
La fonction s'exécute comme il le faut. J'ai mis en place un compteur pour voir si c'est le premier passage ou pas dans la fonction :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function afficheDynamique()
{
if(compteur==0) //premier passage
	{
		var newElement = document.createElement("div"); // On crée un nouvelle élément div
		newElement.setAttribute("id","affichage");
		newElement.innerHTML = "Nouvelle valeur:"+valeur; // On écrit le code source qu'il contient
		document.getElementById('box').insertBefore(newElement, document.getElementById('inhalt')); // On l'affiche
		compteur++;
	}
 
	else
	{
 
		document.getElementById('affichage').innerHTML = "";
 
		var newElement = document.createElement("div"); // On crée un nouvel élément div
		newElement.setAttribute("id","affichage");
		newElement.innerHTML = "Nouvelle valeur :"+valeur; // On écrit le code source qu'il contient
		document.getElementById('box').insertBefore(newElement, document.getElementById('inhalt')); // On l'affiche
	}
}

Mon principal problème c'est que j'ai plusieurs "Nouvelle valeur : x", autrement dit je n'arrive pas à supprimer l'élement ayant pour id affichage avant d'en créer un autre...

Ceci est la source du problème

Code :

document.getElementById('affichage').innerHTML = "";

Je l'ai testé en dehors de ma fonction et cela fonctionne, que dois-je changer ?

Merci

[RomainVALERI]

Envoyé par OneAgain95

Ceci est la source du problème

Code :

document.getElementById('affichage').innerHTML = "";

Je l'ai testé en dehors de ma fonction et cela fonctionne, que dois-je changer ?
Merci

Ce que tu as testé, c'est que ça vidait l'élément. Ca t'a probablement donné l'illusion que ça le supprimait

Pour le supprimer :

Code javascript :

1
2
var elem = document.getElementById('affichage');
elem.parentNode.removeChild(elem);

Pour éviter ce genre de mauvaises surprises, je te conseille de jeter un oeil au DOM (avec le module complémentaire "DOM inspector" sur FF par exemple) ^^

[OneAgain95]

Ahhh ça le vide seulement... Logique après tout.
Merci beaucoup cela fonctionne à présent