Javascript 什么';设定边界的最快方法是什么?

Javascript 什么';设定边界的最快方法是什么?,javascript,performance,dom,browser,Javascript,Performance,Dom,Browser,目前,要在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中删除元素,然后重新追加 谢谢你的回复

目前,要在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中删除元素,然后重新追加


谢谢你的回复。

这里有一个关于这个的主题

我认为你做的很好,但是如果你做了很多,那么你可以考虑把这个节点从主HTML中取出,然后再放回去。尤其是在一个节点上进行大量更改时

替换节点的速度更快,因为浏览器在每次dom操作时都会回流页面。当节点仍在dom中时,节点上的每一次更改都会导致多次回流。一系列操作然后插入更改的节点只是一次回流

编辑:一篇关于这方面的好文章:


如果要更新的内容很多,克隆特定节点可能是最快的。如果只是一个或多个节点,则可能无法从克隆、删除和替换中获益。

这里有一个主题

我认为你做的很好,但是如果你做了很多,那么你可以考虑把这个节点从主HTML中取出,然后再放回去。尤其是在一个节点上进行大量更改时

替换节点的速度更快,因为浏览器在每次dom操作时都会回流页面。当节点仍在dom中时,节点上的每一次更改都会导致多次回流。一系列操作然后插入更改的节点只是一次回流

编辑:一篇关于这方面的好文章:


如果要更新的内容很多,克隆特定节点可能是最快的。如果只是一个或多个节点,则更新可能无法从克隆、删除和替换中获益。

我真的认为您所做的是最好的,因为现在主要的浏览器都有非常强大的图形优化器。事实上,任何一种自制的技巧都可能会减慢进程。我真的认为你所做的是最好的,因为现在主要的浏览器都有一个非常强大的图形优化器。事实上,任何一种自制的诡计都会减慢这一过程。