基本上,我有一个文本框,我在其中写一些文本,单击“添加帖子”,一个新帖子将被添加到其他帖子的列表中(类似于 Twitter)。这些帖子中的每一个都有一个“删除”按钮。
现在,当我在每个帖子上单击删除时,我只有一个console.log
“测试”。它工作正常。但是,在我添加一个帖子之后,意味着一个新元素已被添加,事件侦听器停止工作,即使对于现有的“删除”按钮(不仅仅是新添加的按钮)也是如此。
这就是我为删除编写事件侦听器的方式。
for(var i = 0; i < deleteDOM.length; i++) {
deleteDOM[i].addEventListener("click", deleteEntryCont);
}
...deleteEntryCont
现在控制台记录“TEST”的功能在哪里。
deleteDOM
是变量document.getElementsByClassName("delete")
并且只是一个节点列表。
这是添加新“帖子”的部分:
entryList.forEach(function(entry) {
var entryItemDOM = document.createElement("li");
var entryTextDOM = document.createElement("p");
var metaWrapperDOM = document.createElement("div");
var timeStampDOM = document.createElement("span");
var deleteDOM = document.createElement("span");
// Create entry wrapper & class names
entryItemDOM.className = "entry";
entryItemDOM.className += ` ${entry.mood}-entry`;
entryItemDOM.id = entry.id;
// Insert entry at the top of the stack
domEl.entriesDOM.insertBefore(entryItemDOM, domEl.entriesDOM.firstChild);
entryItemDOM.appendChild(entryTextDOM);
entryTextDOM.innerHTML = entry.text;
entryItemDOM.appendChild(metaWrapperDOM);
metaWrapperDOM.className = "overflow-hidden";
metaWrapperDOM.appendChild(timeStampDOM);
timeStampDOM.className = "timestamp";
timeStampDOM.innerHTML = entry.timeStamp;
metaWrapperDOM.appendChild(deleteDOM);
deleteDOM.className = "delete";
deleteDOM.innerHTML = "Delete";
});
entryList
上面的代码在 HTML 中呈现的对象数组在哪里。
可能是什么问题?