在一堆div上设置内容的最有效/最快的方法

Question

我目前正在使用以下内容更新div的内容：

https://jsfiddle.net/foreyez/ctpuaw5v/

for (var i = 0; i < 400; i++)
{
   document.getElementById('box' + i).innerHTML = 'a'; // each element can have a different value, a is arbitrary
}

（400是任意的，可能更多）

我想知道浏览器重排，它是否会对每个innerHTML集进行重排，如果是这样的话，也许我只需要一次重排即可立即更新所有div（或者出于性能原因，甚至可以使用比innerHTML更快的东西。

Answer 1

如果您可以通过单次拨打来替换container.innerHTML = cummulativeHtml;的400个电话 DESCRIPTION它会更快 - 只有一个DOM突变事务而不是400个。

Answer 2

如果您使用jquery，您可以执行以下操作：

$('.box').html('whatever');