如何删除父节点及其所有子节点

Question

我正在学习javascript的基础知识。现在它DOM和我被困在这里，我怎么能删除所有chldren的父节点。比如说我有像这样的HTML代码。

<ul id ="parent">
    <li>Hi</li>
    <li>How</li>
    <li>Are</li>
    <li>You</li>
</ul>

我想删除<ul>元素及其所有子节点<li>。我试着这样做document.getElementById('parent').removeNode(true);，但它不起作用。有人能帮我一下吗。 ？

Answer 1

您需要获取ul元素的句柄，然后通过将ul句柄传递给父removeChild方法，让其父元素删除它。

如果没有jQuery框架，你就会这样做：

var x = document.getElementById('parent');
x.parentNode.removeChild(x);

当然，如果您使用jQuery，它会很简单：

$("#parent").remove();

Answer 2

试试这个：

var childNode = document.getElementById("parent");
childNode.parentNode.removeChild(childNode);