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><img src= "+path[i]+" ></li>").appendTo(root);

删除所有元素 :

$(root).empty();

删除一个元素 :

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

如果您使用原始 JavaScript, 您可以使用 :

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

您可以使用 replaceChild () 来完成此任务 :

root.replaceChildren();

Answer 7

您需要先获取元素才能删除它们, 因为本地的 DOM 方法( 大部分) 无法以 jQuery s 方法同样的方式在选择字符串中传递。

var lis = root.getElementsByTagName("li");

for(var i = 0, il = lis.length;i<il;i++) {
    root.removeChild(lis[i]);
}

友情链接