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

**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"));

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

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

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

Envoyé par javatwister

ton code initial est tout à fait correct!

+1

[DOM] Supprimer un objet

JavaScript

Vue hybride

Discussions similaires

Partager

Partager