删除节点（removeChild()）

Posted 2020-08-16 青竹zzq

remoceChild()：方法将从一个给定元素里删除一个子节点：

reference = element.removeChild(node);

这个方法的返回值是一个指向已经被删除的子节点的引用指针。

当某个节点被removeChild()方法删除时，这个节点包含的所有子节点将同时被删除。

在下例中，id属性值是content的元素还包含这一个id属性值是fineprint的元素，我们将用removeChild()方法从content元素里把fineprint元素删掉：

var container = document.getElementById("content");
var message = document.getElementById("fineprint");
contianer.removeChild(message);

 如果想删除某个节点，但是不知道他的父节点在哪一个，parentNode的属性可以使用：

var message = document.getElementById("fineprint");
var container = message.parentNode;
container.removeChild(message);

如果想把某个节点从文档的一个部分移动到另一个部分，不必使用removeChild()方法，appendChild()和insertBefore()方法都自动的先删除这个节点在把他重新插入新的位置去。