[DOM] Utilisation de removeChild

Version imprimable

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:

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.

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

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

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