Question

这是我当前待办事项列表的代码。

<html>
<head>
    <title>ToDo</title>
</head>
<body>
    <script>
    function addText(){
        var input = document.getElementById('input').value;
        var node = document.createElement("P");
        var textnode = document.createTextNode(input);
        node.appendChild(textnode);
        document.getElementById('do').appendChild(node);
    }
    </script>

    <p id="do"> </p>
    <input type='text' id='input'/>
    <input type='button' onclick='addText()' value='Add To List'/>
</body>
</html>

它可以添加对象，但我不知道javascript是什么来移除对象？

我想知道是否有人可以帮助我使用删除脚本，例如新添加对象旁边的X标记，或者只是在添加后删除1，

干杯

Answer 1

var list = document.getElementById("do"); 
list.removeChild(list.childNodes[0]);

list - 代表ID为p的{{1}}代码 do - 附加到 list.ChildNodes 标记的子元素列表，p为ID。
do - 表示附加到列表中的 第一个孩子 ，其中list.ChildNodes[0]是索引。

要删除特定元素，要么将is表示为 index ，要么直接指向

元素

希望你能理解。

Answer 2

我想我找到了解决问题的方法。检查我的小提琴： http://jsfiddle.net/Kq4NF/

var c = 1;
function addText(){
    var input = document.getElementById('input').value;
    var node = document.createElement("P");
    node.setAttribute('id', 'anchor'+c);
    var textnode = document.createTextNode(input);
    node.appendChild(textnode);

    var removenode = document.createElement("input");
    removenode.setAttribute('type', 'button');
    removenode.setAttribute('value', 'X');
    removenode.setAttribute("onclick", "removeText('anchor"+c+"')");
    node.appendChild(removenode);
    c++;
    document.getElementById('do').appendChild(node);
}

function removeText(item){
    var child=document.getElementById(item);
    document.getElementById('do').removeChild(child);
}

祝你好运！

如何删除待办事项中的对象？

2 个答案: