javascript - removeChild 真的会删除元素吗？

Question

removeChild 函数真的完全删除了子节点吗？或者它只是删除作为指定父节点子节点的元素？如果真的不删除元素，有没有办法彻底删除元素？

Answer 1

removeChild 方法只是将它从其父对象中移除。如果它是页面的可见元素，它将从页面中删除。

但是 Javascript 有垃圾回收机制。这意味着只要有任何变量引用它，节点对象本身就会一直存在。因此，您可以将一个节点分配给一个变量，使用 removeChild 从其父节点“trim ”它，然后将其插入或附加到其他节点，从而有效地在页面上移动它.

以下代码将删除一个节点，并等待 10 秒，然后再将其重新添加到树中(从而添加到页面中):

var oldNode = someNode.removeChild(...);
setTimeout(function () {
  document.documentElement.appendChild(oldNode);
}, 10000);

这意味着节点对象还没有从内存中删除，因为还有一个变量指向它(即oldNode)。

另一种情况:

var node = document.getElementById('test');
// ... do stuff
node.parentElement.removeChild(node);
// 'node' still exists, but has been removed from the page
// ... do some more stuff
node = document.getElementById('hello');
// The variable 'node' now points to something else; 
//  this means the original node will be deleted from memory

另一方面，如果您不将删除的节点重新分配给另一个变量，则无法再访问它(不能通过文档树访问，因为它已从那里删除；而不是通过 JS 变量)；所以 Javascript 会自动将它从内存中清除:

someNode.removeChild(...);

将删除的节点分配给一个变量，然后将 null(或其他任何东西)分配给该变量——就像 Marc B 在他的回答中建议的那样——是完全没有必要的，恕我直言，这很愚蠢。