快速了解 DOM Reflow

【问题标题】：Quick one about DOM Reflow快速了解 DOM Reflow
【发布时间】：2012-03-03 13:11:44
【问题描述】：

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

#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' 也会导致回流吗？

那么可见性：隐藏呢？

【问题讨论】：

【解决方案1】：

在我之前的帖子中，我大胆地声明了具有 display: none 的元素与渲染树没有任何关系。 IE 不敢苟同（感谢 dynaTrace 人员指出这一点）。

减少回流的一个好方法是“离线”更新 DOM 树的实时文档。一种方法是在隐藏元素的同时正在更新，然后再次显示。

【讨论】：