आईई में डीओएम से बाल तत्वों को हटाने का सबसे तेज़ तरीका क्या है?

Question

मैं jQuery का उपयोग कर रहा है, और एक मेज तत्व यह है कि कुछ सौ पंक्तियां हैं की है। मैं सभी पंक्तियों को हटाना चाहता हूं, और फिर पंक्तियों का एक नया सेट जोड़ना चाहता हूं। मैं इसे हटाकर और मूल तत्व पर संलग्न करके ऐसा करता हूं।

मेरे संलग्न तर्क काफी तेज है, और सलाह यहाँ दी गई इस प्रकार है: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

हालांकि, दूर करने के लिए एक फोन 5 बार के रूप में लंबे संलग्न के रूप में लेता है। डोम तत्व के बच्चों को साफ़ करने का सबसे तेज़ तरीका क्या है?

संपादित करें: यहाँ कोड मैं का उपयोग का एक संक्षिप्त संस्करण है:

var table = $('#mytable'); 
$('tbody', table).remove(); 
table.append(tBodyContents.join('')); 

tBodyContents, तार की एक सरणी है कि जब संयुक्त tbody में पंक्तियों के लिए एक एचटीएमएल बनेगी।

Answer 1

function emptyElement(element){ 
    var i = element.childNodes.length; 
    while(i--){ 
    element.removeChild(element.lastChild); 
    } 
} 

यह एक वास्तव में innerHTML चाल की तुलना में तेज है, बहुत जल्दी हो सकता है, आपके ब्राउज़र पर निर्भर करता है। वहाँ समान कार्य है कि आप कुछ मानक दे देंगे का उपयोग कर jsperf पर कुछ परीक्षण ...

Answer 2

मैं आमतौर पर जहां जरूरत पंक्तियों को फिर से जोड़ने के

$('#myTableToEmpty').html(''); 

करना तो।

Answer 3

$('#tableId').empty() के बारे में

क्या?

Documentation for empty method

Answer 4

तो गति वास्तव में, वास्तव में महत्वपूर्ण है, तो आप innerHTML का उपयोग करने का सबसे अच्छा कर रहे हैं। $ ('tbody', टेबल) [0] .innerHTML = '';

मैं व्यक्तिगत रूप से सिर्फ jQuery को अनदेखा करता हूं, शरीर को एक आईडी देता हूं और बस दस्तावेज़ के लिए जाता हूं .getElementById ('id')। InnerHTML = '' विकल्प। और अभी भी जोड़ने के लिए jQuery का उपयोग करें।

Answer 5

मैं पुष्टि innerHTML एक एक तत्व से विशाल एचटीएमएल दूर करने के लिए बहुत बहुत तेजी से होता है। मेरे मामले में:

$('#main').html(''); // --> approx 5-6 seconds 

$('#main').innerHTML=''; // --> a few milliseconds 

सुझावों