Löscht removeChild wirklich das Element?

Die Methode removeChild entfernt sie einfach von ihrem übergeordneten Element. Wenn es ein sichtbares Element der Seite ist, wird es von der Seite entfernt.

Aber Javascript hat Müllsammlung. Dies bedeutet, dass das Knotenobjekt selbst bestehen bleibt, solange sich eine Variable darauf bezieht. Sie können also einer Variablen einen Knoten zuweisen, removeChild verwenden, um sie von ihrem übergeordneten Knoten zu entfernen, und später einfügen oder an einen anderen Knoten anhängen, wodurch sie effektiv auf der Seite verschoben wird.

Der folgende Code entfernt einen Knoten und wartet 10 Sekunden, bevor er erneut zum Baum (und damit zur Seite) hinzugefügt wird:

Dies bedeutet, dass das Knotenobjekt nicht aus dem Speicher gelöscht wurde, weil immer noch eine Variable darauf zeigt (nämlich oldNode ).

Ein anderer Fall:

Wenn Sie andererseits den entfernten Knoten nicht einer anderen Variablen zuweisen, kann nicht mehr darauf zugegriffen werden (nicht über den Dokumentenbaum, da er von dort entfernt wurde; und nicht über eine JS-Variable); So wird Javascript automatisch aus dem Speicher gelöscht:

Den entfernten Knoten einer Variablen zuweisen und dann null (oder irgendetwas anderes) dieser Variable zuweisen - wie Marc B in seiner Antwort vorschlägt - ist völlig unnötig und, IMHO, dumm.

Dies wird den Knoten vollständig löschen:

Dadurch wird der Knoten aus dem DOM entfernt, so dass er nicht sichtbar ist, aber er wird gespeichert, so dass Sie ihn an anderer Stelle einfügen können:

removeChild entfernt das Element aus dem dom, aber es wird auch von der Funktion zurückgegeben, falls Sie das Entfernen durchführen, um es an einer anderen Stelle einzufügen. Sie müssten diesen Rückgabewert töten, um den entfernten Knoten wirklich loszuwerden:

Wenn Sie ein dom-Element wirklich löschen möchten. removeChild alleine ist nicht genug. Dies ist laut Steve Sounders der Autor von YSlow. Sie müssen löschen