从DOM中删除列表项[关闭]

Question

<ul>
 <li data-item="item1">item 1<button>X</button></li>
 <li data-item="item2">item 2<button>X</button></li>
 <li data-item="item3">item 3<button>X</button></li>
 <li data-item="item4">item 4<button>X</button></li>
 <li data-item="item5">item 5<button>X</button></li>
</ul>

单击 X 按钮时，它应该从 dom 中删除而不是删除该特定列表项。而且我们不能在 X 按钮上应用 onclick 事件。

我对此有疑问。谁能告诉我从 DOM 中删除和删除之间的区别。我想到了使用 dom 的 remove 方法。还有，如何在不使用 onclick 按钮的情况下解决这个问题。