Supprimez tous les <li> de <ul>?

J'ajoute li dans un ul utilisant le code suivant:

 for (var i = 1; i <= len; i++) { li = document.createElement('li'); element = document.createElement("img"); element.setAttribute("src", path[i]); li.appendChild(element); root.appendChild(li); } 

Maintenant, je souhaite supprimer tous les éléments de la liste sur un clic de bouton. C'est ce que j'utilise, ce qui ne fonctionne pas:

  • JQuery chacun
  • Ajouter des options à un <select> en utilisant jQuery?
  • Référence non saisieError google n'est pas défini
  • Comment obtenir la valeur href à l'aide de jQuery?
  • Supprimer les directions depuis google map api v3
  • Jquery / Javascript trouve le premier élément visible après le défilement
  •  while(root.hasChildNodes()){ root.removeChild('li'); } 

    La condition est vraie, mais la ligne intérieure root.removeChild('li') ne fonctionne pas. J'ai également essayé ces options:

     root.removeChild(root li); root.removeChild('#listid li'); root.removeChild('ul li'); ... 

  • Empêcher l'ajout contournable <div> sur ENTER - Chrome
  • Compter le nombre d'entiers dans une chaîne
  • JQuery - Appel .trigger ('clic') vs .click ()
  • Jquery: comment afficher dynamiquement l'image en utilisant la "valeur" de <type d'entrée = "fichier"> Champ
  • JQuery clique / bascule entre deux fonctions
  • La fonction jQuery .on fonctionne en 1.8.3 mais pas en 1.9.1
  • 6 Solutions collect form web for “Supprimez tous les <li> de <ul>?”

    Si vous utilisez jQuery, pourquoi ne pas utiliser ses avantages?

    Ajoutant des éléments <li> :

     $("<li><img src='"+path[i]+"'></li>").appendTo(root); 

    En supprimant tous les éléments <li> :

     $(root).empty(); 

    Suppression d'un élément <li> :

     $("li:eq(3)",$(root)).remove(); 

    Et si vous utilisez js brut, vous pouvez utiliser:

     document.getElementById("root").innerHTML = ""; 

    Vous semblez essayer cela avec JavaScript brut:

     while( root.firstChild ){ root.removeChild( root.firstChild ); } 

    JQuery ne fera que ralentir ici.

    Document.getElementById ("the_ul_ID"). InnerHTML = "";

     $('#button').on('click', function() { $(root).empty(); }); 

    Vous devez récupérer les éléments avant de les supprimer car les méthodes DOM natives (la plupart d'entre elles) ne peuvent pas être transmises dans les chaînes de sélection de la même façon que les méthodes de jQuery peuvent.

     var lis = root.getElementsByTagName("li"); for(var i = 0, il = lis.length;i<il;i++) { root.removeChild(lis[i]); } 

    Qu'en est-il de?

      var ul = root; ul.innerHTML = ''; 
    JavaScript rend le site Web intelligent, beauté et facile à utiliser.