[DOM] Utilisation de removeChild

**sylsau** · 25/01/2006, 00h52

Bonjour,

Je me suis inspiré d'un code posté dans un sujet précédent pour tester le retrait de noeud avec DOM.
Voici le petit code :

Code :

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
 
 
<html>
<head>
<title>Petit test d'ajout avec DOM</title> 
<script type="text/javascript">
 
function Supp()
{
	var d = document.getElementsByTagName("form").item(0);
	d.removeChild(d.childNodes.item(0));
}
 
</script>
 
</head>
 
<body>
<h1>Veuillez saisir votre nom SVP</h1>
<form>
<input type="text" id="tata" /><br />
<input type="button" onclick="Supp()" value="Supp" /><br />
</form>
 
</body>
</html>

Bon sous Firefox ça supprime pas tout de suite le bon input à cause du problème des noeuds " " rajoutés mais ça avec le node cleaner donné dans la FAQ ça marchera.
En cliquant deux fois sur le bouton Supp ça supprime bien le bon input.

Je me demandais s'il y avait pas un moyen plus simple pour pouvoir supprimer directement un fils d'un certain numéro d'un noeud donné ?

Sylvain.

**javatwister** · 25/01/2006, 08h32

eh bien vu que tu travailles dans un formulaire, utilise le dom propre à l'objet form;

Code :

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

1
2
3
4
5
function supp(f){
f.removeChild(f.elements[0]);
}
 
<input type="button" value="suprimer" onclick="supp(this.form)" />

**siddh** · 25/01/2006, 10h31

Code :

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
 
<html>
<head>
<title>Petit test d'ajout avec DOM</title>
<script type="text/javascript">
 
function Supp(ident)
{
   var d = document.getElementById(ident);
   d.parentNode.removeChild(d);
}
 
</script>
 
</head>
 
<body>
<h1>Veuillez saisir votre nom SVP</h1>
<form>
<input type="text" id="tata" /><br />
<input type="button" onclick="Supp('tata')" value="Supp" /><br />
</form>
 
</body>
</html>

[DOM] Utilisation de removeChild

JavaScript

Vue hybride

Discussions similaires

Partager

Partager