Alle <li> aus <ul> entfernen?

Ich hänge anli in einemul mit dem folgenden Code:

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);
}

Jetzt möchte ich alle Elemente mit einem Klick aus der Liste entfernen. Dies ist, was ich benutze, was nicht funktioniert:

while(root.hasChildNodes()){
    root.removeChild('li');
} 

Die Bedingung ist wahr, aber die innere Linieroot.removeChild('li') funktioniert nicht Ich habe auch diese Optionen ausprobiert:

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

Antworten auf die Frage(6)

Ihre Antwort auf die Frage