Discussion :

[gentil]

Bonjour j'ai créé des champs de saisie de manière dynamique avec le DOM.

Je souhaiterais pouvoir supprimer un champ de saisie avec le dom, c'est par exemple dans le cas où l'utilisateur un crée un champ de saisie en trop et il souhaite le supprimer.

Voici mon code actuel.

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
 
var cpt=0;
var tableau = document.getElementById('montab');
 
//on doit ajouter une  ligne TR
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3=document.createElement("td");
td1.appendChild(document.createTextNode("equipe:"));
var titreequipe=document.createElement('INPUT');
titreequipe.size=75;
titreequipe.id='saisieequipe'+cpt;
var nameequipe='equipe'+cpt;
titreequipe.name=nameequipe;
td2.appendChild(titreequipe);
var erreurequipe=document.createTextNode("Saisir le equipe");
td3.id='equipe'+cpt;
td3.style.color='#FF0000';
td3.style.visibility='hidden';
td3.appendChild(erreurequipe);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
//ajout de la ligne
tableau.appendChild(tr);

Je voudrais supprimer les elements créé par le dom par un clique de souris

Je vous remercie de votre aide

[Bovino]

Il faudra passer par la méthode removeChild, mais tu n'es pas assez explicite sur ta structure de ta page pour être plus précis.
En gros, imaginons que tu aies une variable del_tr qui référence la ligne à supprimer et del_clic qui référence l'élément sur lequel il faut cliquer pour supprimer, la syntaxe serait :

Code :

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

1
2
3
del_clic.onclick = function(){
    del_tr.parentNode.removeChild(del_tr);
}