快速了解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: none的元素与呈现树没有任何关系。IE不这么认为(感谢dynaTrace的朋友们指出了这一点)。

最大限度地减少回流的一个好方法是在活动文档之外“脱机”更新DOM树。一种方法是在更新发生时隐藏元素，然后再次显示它。

查看http://www.phpied.com/the-new-game-show-will-it-reflow/