javascript - li 元素的数组

Question

我刚刚学完 Javascript。现在我正在做一些实际测试以进一步提高我的知识。我在网上随机查找一些实用项目，然后发现了这个网站 ( https://skillcrush.com/2018/06/18/projects-you-can-do-with-javascript/ ) 9. 构建 JavaScript 待办事项列表。

当我扫描代码时，我了解流程的工作原理，但在这个特定部分感到困惑:

*每次触发createListElement()函数时，是否都会创建一个li元素数组？

*为每个“li”创建的删除按钮如何仅与特定的 li 元素关联？

Answer 1

createListElement() 函数创建一个单个列表元素。这就是它的作用。

• 创建元素。
• 将其添加到列表中。
• 添加删除线。
• 添加删除按钮。

删除按钮是列表项的子元素。在它的 onclick 监听器中，它存储它所属的特定 li 元素。也许该领域更理想的代码看起来像这样:

function deleteListItem(e) {
    e.path[0].parentElement.classList.add("delete")
}

dBtn.addEventListener("click", deleteListItem)

在所有 onclick 事件中，e.path[0] 是被单击的元素。由于删除按钮中没有也会触发该功能的子按钮，因此它始终是删除按钮。然后，通过获取父元素，它将始终是正确的列表项。