从中删除所有？

我使用以下代码将ul附加到ul ：

 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，为什么不使用它的好处呢？

添加

元素：

 $("
").appendTo(root); 

删除所有

元素：

 $(root).empty(); 

删除一个

元素：

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

如果您使用原始js，您可以使用：

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

Answer 2

您似乎是使用原始JavaScript尝试此操作：

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

jQuery只会让你慢下来。

Answer 3

document.getElementById（“the_ul_ID”）。innerHTML =“”;

Answer 4

关于什么？

  var ul = root; ul.innerHTML = ''; 

Answer 5

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

Answer 6

你需要在删除它们之前获取元素，因为本机DOM方法（无论如何大多数）都不能像jQuery方法那样在选择器字符串中传递。

 var lis = root.getElementsByTagName("li"); for(var i = 0, il = lis.length;i