使用javascript / jquery从HTML中清空巨大的div

Question

我使用javascript（+ jquery或其他）从我的html中删除巨大的div有一些问题。实际上它花了太多时间，我正在寻找更快的解决方案，因为它是不可接受的长。 Div非常庞大，它包含大约13k行，我需要根据用户需求将这些行更改为另一行（添加新行比删除旧行少得多）。 我试过了：

1）

var old = document.getElementById("data");
var new = document.createElement("div");
newLogDiv.id = "data";
document.body.replaceChild(new, old);

2）

document.getElementById("data").innerHTML = "";

3）

$("#data").html("");

4）

$("#data").empty();

对我来说没有任何效果。寻找更快的解决方案

Answer 1

您可以尝试更改div的样式：

old.style.display = 'none';

Answer 2

使用removeChild代替innerHTML。

执行much faster

var dataNodes = document.getElementById("data");

while (dataNodes.firstChild) {
    dataNodes.removeChild(dataNodes.firstChild);
}