Bonjour,
Petit problème : comment supprimer un élément d'une liste connaissant son id

Le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<ul id="listePersonnes">
     <%--  exemple de contenu :
     <li val="DUBOIS Paul">&raquo;&nbsp;<a href="#">DUBOIS Paul</a></li>
     <li val="LENEUF Marcel">&raquo;&nbsp;<a href="#">LENEUF Marcel</a></li>
     --%>
</ul>
En fonction de requêtes, la liste est construite dynamiquement avec la fonction Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
var listePersonnes = document.getElementById("listePersonnes");
function ajoutPersonne( id, nom, prenom ){
    listePersonnes.innerHTML +=
          "<li id=" + id + ">" +
                "<a href=\"#\" onclick=\"selectionPersonne("+id+"); return false;\">" +
                      nom + " " + prenom +
                "</a>" +
          "</li>"
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
function suppressionPersonne( id ){
   // supprime la personne id= id de la liste affichée
   ....
}
Un clic sur un élément de la liste lance la fonction selectionPersonne(id) qui outre la saisie de paramètres, propose un bouton Suppression qui, associé à la fonction suppressionPersonne(id), permet de retirer la personne correspondante de la liste.

Mon problème est que je ne vois pas très bien comment utiliser removeChild() pour effectuer l'opération?