Bonjour à tous,

Je créé un script permettant d'ajouter ou de supprimer des champs dynamiquement dans un formulaire.
Dans le cas de la suppression, le script recherche le champs (Noeud) via son nom (getAttribute()) et le supprime. Mais cela ne fonctionne pas, j'ai le message d'erreur suivant dans la console FireFox : Erreur : noeud.getAttribute is not a function

Voici mon script :

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
	function switchConge(id) {	
		var style = document.getElementById(id).className;
		if (style == "conge") { // Si case déjà validée en tant que congé
			// Recherche de l'élément à supprimer
			var noeud = document.getElementById("listeConges").firstChild;
			while(noeud != null) {
				if(noeud.getAttribute("name") == id) break;
				else noeud = noeud.nextSibling;
			}
			// Suppression de l'élément
			document.getElementById("listeConges").removeChild(noeud);
			document.getElementById(id).className = "nonConge";
		} else { // Si case non validé en tant que congé
			// Préparation du nouvel élément
			var nouveauConge = document.createElement("input");
			nouveauConge.name = id;
			//nouveauConge.type = "hidden";
			nouveauConge.value = id;
			// Création du nouvel élément
			document.getElementById("listeConges").appendChild(nouveauConge);
			document.getElementById(id).className = "conge";
		}
	}
Et la partie html l'utilisant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
            <form id="listeConges">
        		<input type="submit" value="Valider" name="butValidation" />
            </form>
 
            ...
 
            <td id="idTest" class="nonConge" onclick="switchConge('idTest')">04</td>
Pouvez-vous me donner un petit coup de main ?

Merci d'avance