                        课程
                    
                        /前端开发
                        
                            /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;
                   }
       }

13:10

weibo_幸福长大了_0

2016-06-14

源自：瀑布流布局 2-4

关注问题我要回答

896

操作

收起

1 回答

EpisodeOne
2016-06-15

console.log(oBoxs[index].offsetLeft); //606
console.log('@@');
console.log(oBoxs[index].style.left);//为空

LZ打log就知道这两个的值不同。offsetLeft可以判断一个物体的距父元素的左边距离，输出的是具体的数值；

而style.left是一个属性，是你要赋值给他的，他本身是没有值的，就像变量一样，可以理解为他只是一个变量名字而已。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

瀑布流布局

参与学习 97759 人
解答问题 736 个

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

进入课程

本课相似问答

1 回答ArrH[index] +=oBoxs[i].offsetHeight;

3 回答hArr[index]+=oBoxs[i].offsetHeight 不理解？

1 回答oBoxs[i].style.left =oBoxW*index +'px' 这一行，在最少高度的那列，图片会偏左

2 回答var oboxw=oboxs[0].offsetwidth;

1 回答var oBoxW = oBoxs[0].offsetWidth;报错

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

1 回答

本课相似问答

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