Cách nhanh nhất để xóa các phần tử con khỏi DOM trong IE là gì?

Question

Tôi đang sử dụng jQuery và có một phần tử bảng có chứa vài trăm hàng. Tôi muốn xóa tất cả các hàng và sau đó thêm một tập hợp các hàng mới. Tôi làm điều này bằng cách gọi loại bỏ và sau đó nối thêm vào phần tử cha.

Logic append của tôi là khá nhanh, và sau những lời khuyên đưa ra ở đây: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

Tuy nhiên, các cuộc gọi duy nhất để loại bỏ mất 5 lần miễn là append. Cách nhanh nhất để xóa trẻ em của một yếu tố dom là gì?

EDIT: Đây là một phiên bản đặc của mã tôi sử dụng:

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

tBodyContents là một mảng các chuỗi, mà khi kết hợp sẽ tạo thành một html cho các hàng trong tbody.

Answer 1

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

điều này thực sự nhanh hơn lừa bên trongHTML, có thể nhanh hơn rất nhiều, tùy thuộc vào trình duyệt của bạn. có một vài bài kiểm tra trên jsperf sử dụng các chức năng tương tự sẽ cung cấp cho bạn một số tiêu chuẩn ...

Answer 2

Tôi thường làm

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

Sau đó, lại thêm hàng khi cần thiết.

Answer 3

Còn khoảng $('#tableId').empty() thì sao?

Documentation for empty method

Answer 4

Nếu tốc độ thực sự quan trọng, tốt nhất bạn nên sử dụng innerHTML. $ ('tbody', bảng) [0] .innerHTML = '';

Cá nhân tôi sẽ chỉ bỏ qua jQuery alltogether, cung cấp cho cơ thể một ID và chỉ cần đi cho các document.getElementById ('id'). InnerHTML = '' tùy chọn. Và offcourse vẫn sử dụng jQuery để thêm vào.

Answer 5

Tôi xác nhận innerHTML nhanh hơn rất nhiều để loại bỏ html lớn khỏi một phần tử duy nhất. Trong trường hợp của tôi:

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

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

Cám ơn những lời khuyên