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

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();