删除元素香草

时间:2018-08-30 13:10:43

标签: javascript

我正在尝试通过创建简单的待办事项列表来学习JS,但是在删除列表时遇到问题

function addTodo(e) {

    e.preventDefault()
    const val = document.getElementById('list-input').value;
    const li = createNewTask(val);
    ul.appendChild(li);
    resetForm.reset();
    return ul
}
const createNewTask = function (val) {

    const listItem = document.createElement('li');
    const deleteBtn = document.createElement('button')

    const valNode = document.createTextNode(val)

    //Modified each element
    deleteBtn.innerText = 'Delete';
    deleteBtn.className = 'delete';

    //append each child
    listItem.appendChild(valNode)
    listItem.appendChild(deleteBtn)

    return listItem;
}

我设法将新的Todo列表添加到我的简单应用程序中,但是我不知道如何删除它。

您可以通过此链接http://jsbin.com/qunefum/edit?html,js,output

看到它的运行情况

已经看过并阅读了一些文档,但是无法弄清楚如何指向正确的元素,因此所有示例似乎都太复杂了

0 个答案:

没有答案