通过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

回答