Quel est le moyen le plus rapide de supprimer les éléments enfants du DOM dans IE?

Question

J'utilise jQuery et j'ai un élément de table qui contient quelques centaines de lignes. Je veux supprimer toutes les lignes, puis ajouter un nouveau jeu de lignes. Je fais cela en appelant remove puis en ajoutant sur l'élément parent.

Ma logique append est assez rapide, et suit les conseils donnés ici: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

Cependant, l'appel unique pour enlever prend 5 fois plus longtemps que l'append. Quel est le moyen le plus rapide pour effacer les enfants d'un élément dom?

EDIT: Voici une version condensée du code que j'utilise:

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

tBodyContents est un tableau de chaînes, qui, lorsqu'elle formera un code HTML pour les lignes de la tbody.

Answer 1

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

celui-ci est en fait plus rapide que l'astuce innerHTML, peut être beaucoup plus rapide, en fonction de votre navigateur. il y a quelques tests sur jsperf en utilisant des fonctions similaires qui vous donneront quelques benchmarks ...

Answer 2

que je fais habituellement

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

puis ajoutez des lignes en cas de besoin.

Answer 3

Qu'en est-il de $('#tableId').empty()?

Documentation for empty method

Answer 4

Si la vitesse est vraiment, vraiment important, vous êtes mieux d'utiliser innerHTML. $ ('tbody', table) [0] .innerHTML = '';

Personnellement, j'ignorerais tout simplement jQuery, donnerais un ID au corps et irais juste pour l'option document.getElementById ('id'). InnerHTML = ''. Et offcourse encore utiliser jQuery pour l'ajout.

Answer 5

Je confirme que innerHTML est beaucoup plus rapide pour supprimer un énorme HTML à partir d'un seul élément. Dans mon cas:

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

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

Merci pour les conseils