removeChildは本当に要素を削除しますか？

Question

removeChild関数は本当に子ノードを完全に削除しますか？または、指定されたparantノードの子要素を削除するだけですか？それが本当に要素を削除しない場合は、要素を完全に削除する方法はありますか？

Answer 1

。それがページの可視要素であれば、ページから削除されます。

しかし、Javascriptにガベージコレクションがあります。これは、変数が参照される限り、ノードオブジェクト自体が存続することを意味します。したがって、変数にノードを割り当てることができます。removeChildを親ノードから「プルーニング」し、後で他のノードに挿入または追加することで、効果的にページ上を移動させることができます。

次のコードは、ノードを削除し、（ページに、このようにして）ツリーにそれを再追加する前に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（または何か他）を割り当てる - マルク・Bのように彼の答えに示唆 - 、完全に不要であり、 IMHO、ばか。

Answer 2

removeChildはdomから要素を削除しますが、削除を実行して別の場所に挿入する場合は、関数からも戻されます。それはないですので、

someNode.removeChild(...); 

これはDOMからノードを削除します：これは完全にノードを削除します

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

Answer 3

：あなたは本当に削除したノードを取り除くためにその戻り値を殺すために必要があるだろうあなたが他の場所に挿入することができるように見えるが、それを保存します：removeChild方法は、単にその親から削除し

oldNode = someNode.removeChild(...); 

Answer 4

実際にDOM要素を削除する場合は、 removeChildだけでは不十分です。これは、YSlowの著者Steve Sounders氏によるものです。