¿Cuál es la forma más rápida de eliminar elementos secundarios del DOM en IE?

Question

Estoy usando jQuery, y tengo un elemento de tabla que contiene unos cientos de filas. Quiero eliminar todas las filas y luego agregar un nuevo conjunto de filas. Lo hago llamando a remove y luego agrego en el elemento padre.

Mi lógica de agregación es bastante rápido, y sigue el consejo dado aquí: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

Sin embargo, la sola llamada para eliminar tarda 5 veces más larga que la anexión. ¿Cuál es la forma más rápida de borrar a los hijos de un elemento dom?

EDIT: Aquí es una versión condensada del código que utilizo:

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

tBodyContents es una matriz de cadenas, que cuando se combina formará una el HTML para las filas de la tbody.

Answer 1

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

este es realmente más rápido que el truco de innerHTML, puede ser mucho más rápido, dependiendo de su navegador. hay algunas pruebas en jsperf usando funciones similares que le darán algunos puntos de referencia ...

Answer 2

por lo general lo hago

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

A continuación, volver a agregar filas en las que sea necesario.

Answer 3

¿Qué hay de $('#tableId').empty()?

Documentation for empty method

Answer 4

Si la velocidad es muy, muy importante, que eres el mejor de utilizar innerHTML. $ ('tbody', tabla) [0] .innerHTML = '';

Personalmente, simplemente ignoraría jQuery alltogether, le daría al cuerpo una ID y solo iría a la opción document.getElementById ('id'). InnerHTML = ''. Y por supuesto todavía usan jQuery para agregar.

Answer 5

Confirmo que innerHTML es mucho más rápido para eliminar el enorme html de un solo elemento. En mi caso:

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

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

Gracias por los consejos