我有一个循环，插入大约 500 <div>通过 document.getElementById(target).appendChild(docFragmentDiv) 进入 DOM ，以及每个<div>大概有20或30个后代。我最多可以插入大约 100 个，但是如果有 200 多个插入，页面会在 DOM 更新时暂时卡住。
如何避免这种窒息？现在我设置了一个间隔，每个间隔插入 50 个，间隔之间间隔 25 毫秒。有更好的方法吗？
最佳答案
您应该使用innerHTML，并且只能使用一次。
为了获得最佳效率，您应该使用循环将 HTML 片段组装在字符串数组中，然后编写 document.getElementById(target).innerHTML = htmlPieces.join()
关于javascript - 插入许多 DOM 元素会造成阻塞，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2291247/