remover todos os <li> de <ul>?

Estou anexandoli em umul usando o seguinte código:

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

Agora, quero remover todos os itens da lista em um clique de botão. É isso que estou usando, o que não está funcionando:

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

A condição é verdadeira, mas a linha internaroot.removeChild('li') não funciona. Eu também tentei estas opções:

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

questionAnswers(6)

yourAnswerToTheQuestion