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

本文介绍了如何删除父节点及其所有子节点的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

I am learning the basics of javascript. now it DOM and i am stuck here, How can i remove a parent node with all its chldren. eg say i have the html code like this.

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

我想删除< ul> 元素及其所有子< li> 节点。我尝试过这样做 document.getElementById（'parent'）。removeNode（true）; 但它无效。有人能帮我一下吗。 ？

i wand to delete the <ul> element with all its child <li> nodes. I tried it to do like this document.getElementById('parent').removeNode(true); but its not working. Can anyone help me here. ?

推荐答案

你需要获得 ul 元素的句柄然后要求其父元素通过传递 ul 处理父元素的 removeChild 方法来删除它。

You need to get a handle to the ul element then ask its parent element to delete it by passing the ul handle the parent's removeChild method.

如果没有jQuery框架，你可以这样做：

This is how you would do it without the jQuery framework:

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

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

Of course if you used jQuery it would be simple like this:

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