javascript - 从 DOM 中清空一系列元素的最快方法是什么

Question

我的布局(简化)如下

<div class="row">
    <div class="row_section">
    <div class="row_section">
    ...
</div>
<div class="row">
    <div class="row_section">
    ...
</div>
...

我想找出最快的方法来清空特定间隔(比如从 0 到 59)中所有具有 class="row"的 div

到目前为止，我已经尝试了很多选择:

$j('div.row').slice(nr_i, nr_s).empty();

出人意料地比

for(i = nr_i; i < nr_s; i++) {
    $j('div.row:eq('+i+')').empty();
}

在一个示例中，仅在选定的间隔内有 .row_section div，

$j('div.row_section').remove();

是最快的，但仍然不够快。清空 60 行的部分所需的时间是创建新部分的两倍，实际上几乎是 3 倍。

考虑到创建行涉及更多的计算，而不仅仅是添加一堆部分(这些部分中还有其他内容，每行有很多部分)我认为创建它们需要更长的时间。

完成原始任务的最快方法是什么，为什么清空(使用最快的解决方案)比创建新任务花费的时间多得多？

我还想补充一点，行元素可以达到数千个，但绝不会超过 60-80 个非空行，并且 row_sections 每行达到数百个。是的，我知道在 Web 应用程序中执行此操作是不切实际的，但遗憾的是，这是必须要做的。

Answer 1

var elements = document.getElementsByClassName("row");
for(i=0; i<elements.length; i++)
{
    elements[i].innerHTML = '';
}