设置DOMElement边界的最快方法是什么？

Question

当前，要在DOM中放置绝对元素，我使用：

this.myObject.style.left = aValue1 + 'px' ;
this.myObject.style.top = aValue2 + 'px' ;
this.myObject.style.width = aValue3 + 'px' ;
this.myObject.style.height = aValue4 + 'px' ;

有没有更好的方法（快速浏览器）来做到这一点？

另外，也许我应该从DOM中删除该元素并在之后重新添加？

谢谢你的回答。

Answer 1

在此处创建文档片段有关此主题。

以我的观点，您做的很好，但是如果您做了很多，则可以考虑将节点从主要html中删除，然后放回原处。尤其是如果您在一个节点上进行了很多更改。

替换节点的速度更快，因为浏览器会在每次dom操作时重排页面。 节点仍在dom中时，节点上的每个更改都是许多重排。 一堆操作，然后插入更改的节点，只是一个重排。

编辑：关于此的一篇好文章： 新游戏节目：“它会回流吗？”

如果有很多要更新，则克隆特定节点可能是最快的。 如果只是一个或几个节点，则更新可能无法从克隆或删除和替换中受益。