javascript - 有人可以解释我的函数 deleteButton(this) 吗？

Question

这是我的代码笔的链接，可以查看我的所有代码:http://codepen.io/stevengangano/full/LGvRdq/

我的问题与我的 deleteButton 函数有关。我很难理解这个概念。

我为删除按钮创建了一个名为 deleteButton(item) 的函数。我只想知道变量remove中的“item”和“parentNode”分别代表什么？哪个是<ul>哪个是<li> ？

如有解释，将不胜感激。谢谢!

Answer 1

deleteButton(item) is attached to the removeButton. this represents the current node which is button itself.

item.parentNode 只是 li 元素按钮的父节点。 remove 变量保存此 li 元素。

同样，remove.parentNode 将返回 li 元素的父节点，即 ul 元素。

paretNode.removeChild 从 DOM 中删除一个子节点

所以在这种情况下，UL_ELEMENT.removeChild(LI_ELEMENT);