关于DOM Reflow的快速入门

Question

如果我将图像设置为不显示； 例如：

#myImg {position:absolute;left:100px;top:100px;display:none;}

我像这样用Js移动它：

function Move ()
{var pic=document.getElementById ("myImg");
 myImg.style.left=200+'px';
 myImg.style.top=200+'px';
}

即使将其设置为“ display：none”，它是否也会导致重排？

可见性如何：隐藏？

Answer 1

在我以前的文章中，我大胆地宣称带有display的元素：没有任何元素与渲染树有任何关系。 IE要求有所不同（感谢dynaTrace人士指出了这一点）。

最小化重排的一个好方法是从活动文档中更新DOM树“离线”。 一种方法是在进行更新时隐藏元素，然后再次显示它。