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');
...