javascript - 从 中删除所有 ？

Question

我使用以下代码在 ul 中附加 li:

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

现在，我想通过单击按钮从列表中删除所有项目。这是我正在使用的，但不起作用:

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

条件为真，但内部行 root.removeChild('li') 不起作用。我也尝试过这些选项:

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

Answer 1

如果您正在使用 jQuery，为什么不利用它的好处呢？

添加<li>元素:

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

删除全部 <li>元素:

$(root).empty();

删除一个<li>元素:

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

如果您使用原始 JavaScript，则可以使用:

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