在DOM交互期间暂停布局

Question

在Javascript中,我正在清除DIV的内容,然后重新填充它,有没有办法暂停这些元素的布局或锁定UI,直到我完成了对HTML的删除？我不希望弹出任何消息,我只是不想在删除/添加项目时看到闪烁.

Answer 1

在将元素插入实际文档之前,您可以在DocumentFragment中构建新元素的内容:

var fragment = document.createDocumentFragment();
// build node in fragment

var div = /* … */; // DIV that should be replaced
div.parentNode.replaceChild(fragment, div);

Answer 2

通过添加 style 属性来隐藏它：none，执行这些操作，然后重新显示 div