dom操作导致超级卡顿。。。

var i=0;j=30;
setinterval(function(){
　　document.getElementId(idname).style.top=j+'px';
    i<3?i++:i=0;
    j=i*10;
},300);
然后就尴尬了。。。在弱鸡浏览器上卡得飞起。。

原因：
dom操作引起的reflow 回流。。

方法：缓存节点先。。再改
var myDiv = document.getElementById("myDiv");
myDiv.style.left = myDiv.offsetLeft + myDiv.offsetWidth + "px"; 

参考：http://www.cnblogs.com/hyddd/archive/2013/02/07/2908960.html

关于这个问题 我想起之前写过的一段代码：

var top=10,remove=20;
setinterval(function(){
remove=top>remove?top+10:top-10;
    document.getElementById("myDiv").style.left=remove+'px';
},500);
这种写法竟然不卡。。。我也不知道为什么 大概是速度的原因吧。。。。 写个备注  后续有想法再添加