設置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中時，節點上的每個更改都是許多重排。 一堆操作，然后插入更改的節點，只是一個重排。

編輯：關於此的一篇好文章： 新游戲節目：“它會回流嗎？”

如果有很多要更新，則克隆特定節點可能是最快的。 如果只是一個或幾個節點，則更新可能無法從克隆或刪除和替換中受益。