[DOM] Supprimer un objet

**Mister Nono** · 04/05/2007, 13h18

J'ai dans une cellule d'un tableau des boutons.

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

Code :

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

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.

**eveilside** · 04/05/2007, 13h46

salut , utilise une div sa devrait marcher.

ex :

Code :

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

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

et dans ton code javascript :

Code :

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

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

tchao

**1tox** · 04/05/2007, 13h49

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

**Mister Nono** · 04/05/2007, 13h57

En fait mon code fonctionne.

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

Merci.

**Auteur** · 04/05/2007, 21h20

Envoyé par eveilside

salut , utilise une div sa devrait marcher.

ex :

Code :

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

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

et dans ton code javascript :

Code :

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

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

tchao

ce n'est pas dans le respect des règles du DOM

removeChild() est plus conseillé dans ce cas là....

**Mister Nono** · 04/05/2007, 21h56

Envoyé par Auteur

ce n'est pas dans le respect des règles du DOM

removeChild() est plus conseillé dans ce cas là....

Alors que faut-il utiliser ?

Merci.

**javatwister** · 05/05/2007, 08h08

ton code initial est tout à fait correct!

**Mister Nono** · 05/05/2007, 08h32

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.

**Auteur** · 05/05/2007, 19h50

Envoyé par 1tox

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

ah bon

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

Code html :

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
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>

**FremyCompany** · 05/05/2007, 20h08

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

Bien sûr qu'IE gère les ID sur les TD...

Sinon, la meilleure méthode est :

Code :

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

1
2
3
4
5
6
function removeElement(el) {
  el.parentNode.removeChild(el);
}
 
// Utilisation
removeElement(document.getElementByID("OBJECT_TO_REMOVE"));

**FremyCompany** · 05/05/2007, 20h11

Envoyé par javatwister

ton code initial est tout à fait correct!

+1

**Mister Nono** · 06/05/2007, 08h48

Envoyé par FremyCompany

Quand on sait pas, on dit pas

Bien sûr qu'IE gère les ID sur les TD...

Sinon, la meilleure méthode est :

Code :

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

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.

Merci.

**Mister Nono** · 07/05/2007, 11h26

Merci FremyCompany.

**1tox** · 07/05/2007, 12h34

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.

**Auteur** · 07/05/2007, 12h54

Envoyé par 1tox

Je laisserai parler les experts à l'avenir.

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

[DOM] Supprimer un objet

JavaScript

Discussions similaires

Partager

Partager