¿removeChild realmente elimina el elemento?

Question

¿La función removeChild realmente elimina completamente el nodo hijo? ¿O simplemente elimina el elemento que es hijo del nodo parant especificado? Si realmente no elimina el elemento, ¿hay alguna manera de eliminar el elemento por completo?

Answer 1

El método removeChild simplemente lo elimina de su matriz. Si es un elemento visible de la página, se eliminará de la página.

Pero Javascript tiene recolección de basura. Esto significa que el objeto nodo en sí mismo seguirá existiendo mientras se refiera a cualquier variable. Para que pueda asignar un nodo a una variable, use removeChild para 'cortarlo' de su nodo padre, y luego, insertarlo o anexarlo a otro nodo, moviéndolo efectivamente por la página.

El siguiente código eliminar un nodo, y espere 10 segundos antes de volver a agregarlo al árbol (y por lo tanto, a la página):

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

Esto significa que el objeto de nodo no ha sido borrado de la memoria, porque todavía hay una variable que lo señala (es decir, oldNode).

Otro caso:

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 

Si, por el contrario, se No reasignar el nodo eliminado a otra variable, que no se puede acceder más (no a través de la estructura del documento, ya ha sido eliminado de allí, y no a través de una variable JS); así Javascript purgará automáticamente de la memoria:

someNode.removeChild(...); 

Asignación del nodo eliminado a una variable, y luego asignar null (o cualquier otra cosa) a esa variable - como Marc B sugiere en su respuesta - es completamente innecesario y, En mi humilde opinión.

Answer 2

removeChild elimina el elemento del dom, pero también se devuelve de la función en caso de que esté realizando la eliminación para volver a insertarlo en otro lugar. Habría que matar a ese valor de retorno para conseguir realmente deshacerse del nodo eliminado:

oldNode = someNode.removeChild(...); 
oldNode = null; 

Answer 3

Esto eliminará completamente el nodo:

someNode.removeChild(...); 

Esto eliminará el nodo desde el DOM así que no es visible pero la salvará de manera que se puede insertar en otra parte:

oldNode = someNode.removeChild(...); 

Answer 4

Si realmente quiere eliminar un elemento dom. removeChild solo no es suficiente. Esto es como Steve Sounders, que es el autor de YSlow. Necesita utilizar eliminar