removeChild赢得'；t删除Javascript生成的内容

我正在做一个待办事项列表来帮助我理解Javascript。我已经设法创建了一系列包含文本的

元素。我想在单击

元素时删除它们但是，目前他们没有反应。

JSFIDDLE：

HTML:

---

请原谅我的过度评论，我正在努力更好地理解Javascript。

您将

li

定义为：

li = doc.getElementsByTagName('li')[0]

但是没有

li

元素，因此

doc.getElementsByTagName（'li'）[0]

返回

未定义的

您需要将该事件处理程序移动到另一个回调中：

list.appendChild(item); // get <ul>, and add the variable 'item'.

item.onclick = function () {
    list.removeChild(item);
};

list.appendChild（项）；//获取
，并添加变量“item”。
item.onclick=函数（）{
列表.删除child（项目）；
};
谢谢，所以删除功能应该在button.onclick功能中？
li.onclick = function () {

    li.parentNode.removeChild(li);

};

li = doc.getElementsByTagName('li')[0]

list.appendChild(item); // get <ul>, and add the variable 'item'.

item.onclick = function () {
    list.removeChild(item);
};