//oBoxs[i].style.left=oBoxs[index].style.left; 与oBoxs[i].style.left=oBoxs[index].offsetLeft+"px";为什么不等同

源自：2-4 JavaScript实现瀑布流布局中图片排序

//oBoxs[i].style.left=oBoxs[index].style.left; 与oBoxs[i].style.left=oBoxs[index].offsetLeft+"px";为什么不等同

for(var i=0;i<oBoxs.length;i++){
           if(i<cols){
                   hArr.push(oBoxs[i].offsetHeight);
               }else{
                       var minH=Math.min.apply(null,hArr);
                       var index=getMinhIndex(hArr,minH);//封装找最小值的索引
                       oBoxs[i].style.position="absolute";
                       oBoxs[i].style.top=minH+"px";
                       //oBoxs[i].style.left=oBoxs[index].style.left;
                       oBoxs[i].style.left=oBoxs[index].offsetLeft+"px";
                       hArr[index]+=oBoxs[i].offsetHeight;
                   }
       }

提问者：weibo_幸福长大了_0 2016-06-14 10:07

个回答

EpisodeOne

2016-06-15 14:40:58
```
console.log(oBoxs[index].offsetLeft); //606
console.log('@@');
console.log(oBoxs[index].style.left);//为空
```
LZ打log就知道这两个的值不同。offsetLeft可以判断一个物体的距父元素的左边距离，输出的是具体的数值；
而style.left是一个属性，是你要赋值给他的，他本身是没有值的，就像变量一样，可以理解为他只是一个变量名字而已。

0