javascript - 删除html中的元素

Question

当我单击删除按钮并删除项目太快时...所有项目都会立即删除。不是一一...（不要对我太苛刻...我只有 4 小时的 javascript）

https://imgur.com/a/ieb0BtD

count = 0;
cnt = 0;
array = [];

function add() {
var x = document.getElementById("add").value;

    if(x != ""){
        var uppercaseFirstLetter = x.charAt(0).toUpperCase();
        var stringWithoutFirstLetter = x.slice(1)
        var div = document.createElement('div');
        div.setAttribute("id", x);
        array[count] = x;
        div.className = 'a';

        div.innerHTML =
        '<label id="asd">' + uppercaseFirstLetter + stringWithoutFirstLetter + '</label>\
        <img id="delete" src="https://image.flaticon.com/icons/svg/148/148973.svg" onClick="reply_click(parentNode.id)">\
        <img id="tick" src="https://image.flaticon.com/icons/svg/149/149148.svg" onClick="reply_click(this.id)">';

    document.getElementById('w').appendChild(div);
    document.getElementById('add').value = '';
    document.getElementById("add").focus();
    count++;

    }
}

function reply_click(clicked_id)
{   

    if(clicked_id != "tick"){


var elem = document.getElementById(clicked_id);
elem.remove();

        document.getElementById("add").focus();
    }
    else{
        alert("tick");

    }
}

标签： javascripthtml

Answer 1

   function reply_click(){
        var item = this.parentNode.parentNode;
        var parent = item.parentNode;
        var id = parent.id;
        var value = item.innerText;
        parent.removeChild(item);
    }

可能此代码对您有用。您可以观看现场演示。http://codeleson.com/todolist/