想要通过按下按钮删除所有listItem

时间:2018-06-07 22:26:49

标签: javascript android html

您好我想立刻降级所有ListItems。  这个程序是简单的Todo列表,我想这样做会立刻清空所有页面。我问,因为我找不到工作代码。 我用这个部分来删除一个列表项但是如何使用它我只需按一下就可以一次删除。

var deleteTask=function(){
        //console.log("Delete Task...");

    var listItem=this.parentNode;
    var ul=listItem.parentNode;     //Remove the parent list item from the ul.
    ul.removeChild(listItem);

} 

对于我使用过的HTML:

 <ul id="remove-tasks"></ul><button onclick = 'listItem'>Clear</button>

1 个答案:

答案 0 :(得分:3)

你可以做这样的事情

function removeName(itemid){
    var item = document.getElementById(itemid);
    list.removeChild(item);
}

Ids列表项传递给此方法,并在onClickButton上逐个删除它们。 JsFiddle Example