[DOM] Supprimer un objet

Version imprimable

04/05/2007, 13h18
Mister Nono

[DOM] Supprimer un objet
J'ai dans une cellule d'un tableau des boutons.

Je désire supprimer dynamiquement un bouton en faisant quelque chose comme cela :
Code:

1 2 3 4 5 6 // cellule contenant les boutons var TD = document.getElementById('idBoutonsFormules'); // suppression du bouton TD.removeChild(document.getElementById('boutonFormule10'));
... mais cela ne fonctionne pas.

Comment faire cela ? :?

Merci. ;)
04/05/2007, 13h46
eveilside

salut
salut , utilise une div sa devrait marcher.

ex :
Code:

1 2 3 4 <div id="ma_div"> <input type="button" .......> </div>
et dans ton code javascript :
Code:

1 2 document.getElementById('ma_div').innerHTML="";
tchao :)
04/05/2007, 13h49
1tox

Oui, sous IE, l'attribution d'un id à une balise TD n'est pas reconnu!
04/05/2007, 13h57
Mister Nono

En fait mon code fonctionne. :oops:

Le souci venait peut-être du cache du navigateur.

Merci. ;)
04/05/2007, 21h20
Auteur
Citation:
Envoyé par eveilside

salut , utilise une div sa devrait marcher.

ex :

Code:

1 2 3 4 <div id="ma_div"> <input type="button" .......> </div>

et dans ton code javascript :

Code:

1 2 document.getElementById('ma_div').innerHTML="";

tchao :)
ce n'est pas dans le respect des règles du DOM :roll:
removeChild() est plus conseillé dans ce cas là....
04/05/2007, 21h56
Mister Nono

Citation:

Envoyé par Auteur

ce n'est pas dans le respect des règles du DOM :roll:
removeChild() est plus conseillé dans ce cas là....

Alors que faut-il utiliser ? :?

Merci. ;)
05/05/2007, 08h08
javatwister

ton code initial est tout à fait correct!
05/05/2007, 08h32
Mister Nono

Citation:

Envoyé par 1tox

Oui, sous IE, l'attribution d'un id à une balise TD n'est pas reconnu!

Marre de IE, d'ailleurs il y a bien longtemps que je ne développe plus pour ce navigateur qui n'en fait qu'à sa tête. :aie:

Citation:

Envoyé par 1tox

Oui, sous IE, l'attribution d'un id à une balise TD n'est pas reconnu!

ah bon :koi:

le code ci-dessous fonctionne très bien avec IE :

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
32
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function clic()
{
 var monTD = document.getElementById("monTd");
 alert("tagName="+monTD.tagName+"\n contenu du td : "+monTD.innerHTML);
}
 
//-->
</script>
 
</head>
 
<body>
 
<table border="1" cellpadding="5" cellspacing="5">
  <tr>
    <td id="monTd">bla bla
    </td>
    <td><input type="button" value="cliquez ici" onclick="clic()" />
    </td>
  </tr>
</table>
 
</body>
 
</html>

05/05/2007, 20h08
FremyCompany
Citation:

Envoyé par 1tox

Oui, sous IE, l'attribution d'un id à une balise TD n'est pas reconnu!

Quand on sait pas, on dit pas :evilred:
Bien sûr qu'IE gère les ID sur les TD...

Sinon, la meilleure méthode est :
Code:

1 2 3 4 5 6 function removeElement(el) { el.parentNode.removeChild(el); } // Utilisation removeElement(document.getElementByID("OBJECT_TO_REMOVE"));
05/05/2007, 20h11
FremyCompany

Citation:

Envoyé par javatwister

ton code initial est tout à fait correct!

+1
06/05/2007, 08h48
Mister Nono
Citation:
Envoyé par FremyCompany

Quand on sait pas, on dit pas :evilred:
Bien sûr qu'IE gère les ID sur les TD...

Sinon, la meilleure méthode est :

Code:

1 2 3 4 5 6 function removeElement(el) { el.parentNode.removeChild(el); } // Utilisation removeElement(document.getElementByID("OBJECT_TO_REMOVE"));
Je vais essayer cela dès demain. Et oui, aujourd'hui c'est le week-end. :mrgreen:

Merci. ;)
07/05/2007, 11h26
Mister Nono

Merci FremyCompany. ;)
07/05/2007, 12h34
1tox

Citation:

Citation:

Envoyé par 1tox

Oui, sous IE, l'attribution d'un id à une balise TD n'est pas reconnu!

Quand on sait pas, on dit pas

Mea culpa, j'ai eu un problème identique récemment, et la cause n'était pas exactement celle que j'avais relevée ci-dessus. Je laisserai parler les experts à l'avenir.
07/05/2007, 12h54
Auteur

Citation:

Envoyé par 1tox

Je laisserai parler les experts à l'avenir.

ne t'inquiète pas, tu as toute ta place sur ce forum :calin: ;)