通過JavaScript性能改變CSS樣式

我爲動畫使用純javascript（沒有jquery或任何其他框架）。哪一個更優化？通過JavaScript性能改變CSS樣式

CSS類：

.all-div-has-this-class { transition: all 1s; } 
    .class1 { left: 0; } 
    .class2 { left: 30px; }

Javscript：對於像過渡創建類

testdiv.className += " class1"; 
    testdiv.className += " class2";

或者即將在javascript =>初始化在CSS中testdiv位置，然後就去做testdiv.style.left = "30px";在JS碼？

順便說一句，這些都是在setTimeout函數中根據時間設置屬性。此外，它必須只有JavaScript沒有任何jQuery或任何其他框架專門爲動畫。

2015-10-20 Don

Dom處理器一如既往地相當沉重，特別是如果你想用JS做很多動畫的話，那就是爲什麼我們使用瀏覽器構建函數來渲染anamation的CSS anamition。

JS代碼只給定assgin CSS類DOM和規則基礎上的CSS類

2015-10-21 00:03:22

這怎麼回答這個問題是由瀏覽器caculate？ – jfriend00

@ jfriend00，昨天在另一個問題上看到你，兄弟！問題提出的問題並不清楚，我只是想要接近 –

因此，通過添加和刪除元素的類比改變元素的特定樣式更優化？ mmhmm ..我想我必須重構我的代碼。我直接通過dom改變元素的屬性，而不是通過改變css類... – Don

回答