javascript - 单击链接后销毁特定的 li 及其内容

Question

我有这个

<ul>
    <li id="any_list">Content to be destroyed</li>
</ul>

和这个链接: <a href="#" onclick="return deleteList(document.getElementById('any_list'))">remove the list "#any_list"</a>

如何为列表 #any_list 及其内容编写 deleteList() 函数？

Answer 1

您可以使用 parentNode 属性获取元素的父元素，也可以使用 removeChild 方法移除子元素。因此:

function deleteList(element) {
    element.parentNode.removeChild(element);
}