javascriptでダイナミックに作成されたボタンでリスト項目を削除する方法

Question

javascriptでボタンを作成してリストアイテムに貼り付けましたが、作成した同じボタンで削除することはできません。ここに私が始めたものがあります。どんな助けも素晴らしいだろう。ありがとう。

//creating remove button works fine, problem is deleting the list item 

    var button = document.createElement('button'); 
    var txt = document.createTextNode('\u00D7'); 
    button.id = "close"; 
    button.appendChild(txt); 
    item.appendChild(button); 
    list.insertBefore(item, list.childNodes[0]); 
} 

// this is what I came up with but it does not work. 
// I do get an error "Cannot set property 'onclick' of null." 

    var close = document.getElementById('close') 
    close.onclick = function() { 
    var div = this.parentElement; 
    div.style.display = 'none'; 
    } 

Answer 1

https://jsfiddle.net/7594zay3/1/ addEventListenerがaddItem方法の一部であるべきフィドルを試してみてください。

list.insertBefore(item, list.childNodes[0]); 
var close = document.getElementById('close') 
close.addEventListener("click", function(){ 
var div = this.parentElement; 
div.style.display = 'none'; 
}); 
}