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

使用javascript/jquery从HTML清空巨大的div,javascript,jquery,html,huge-pages,Javascript,Jquery,Html,Huge Pages,我在使用javascript+jquery或其他方法从html中删除大div时遇到一些问题。事实上,这需要太多的时间,我正在寻找更快的解决方案,因为它太长了。Div非常大,它包含大约13k行,我需要根据用户需求将这些行更改为另一行追加新行所需的时间比删除旧行所需的时间少得多。。。。 我试过: 一, 二, 三, 四, 对我来说没有什么是好的。寻找更快的解决方案您可以尝试更改div的样式,如下所示: old.style.display = 'none'; 使用removeChild而不是inner

我在使用javascript+jquery或其他方法从html中删除大div时遇到一些问题。事实上,这需要太多的时间,我正在寻找更快的解决方案,因为它太长了。Div非常大,它包含大约13k行,我需要根据用户需求将这些行更改为另一行追加新行所需的时间比删除旧行所需的时间少得多。。。。 我试过:

一,

二,

三,

四,


对我来说没有什么是好的。寻找更快的解决方案

您可以尝试更改div的样式,如下所示:

old.style.display = 'none';
使用removeChild而不是innerHTML

它执行


document.getElementByIddata.innerHTML=应为faster@Murali不,请不要使用innerHTML。它的badit应该是$data.html;安装$data.html;你为什么不使用CSS呢?不要删除旧的HTML,而是将其设置为display:none,然后添加新行,正如您所说的那样快。@MentalRay dom中已有13000行HTML+另一个块=让他的浏览器爬行!太慢了。它并不比我测试过的其他方法快,太好了。我很肯定,我可以用它。
document.getElementById("data").innerHTML = "";
$("#data").html("");
$("#data").empty();
old.style.display = 'none';
var dataNodes = document.getElementById("data");

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