为什么我用offsetheight获取的box的高度存放到数组后，在控制台打印的结果与实际高度不相符

Question

window.onload=function(){ waterfall('main','box');}//将main下的所有class为box的元素取出来function waterfall(parent,box){ var oParent=document.getElementById(parent); var oBoxs=getByClass(oParent,box); //计算整个页面显示的列数（页面宽/box的宽） var oBoxW=oBoxs[0].offsetWidth; var cols=Math.floor(document.documentElement.clientWidth/oBoxW); console.log(cols); oParent.style.cssText='width:'+oBoxW*cols+'px;margin:0 auto'; var hArr=[];//存放每一列高的数组 for(var i=0;i<oBoxs.length;i++){//遍历所有class为oBoxs的元素 if(i<cols){ hArr.push(oBoxs[i].offsetHeight); } } console.log(hArr);}//根据class获取元素function getByClass(parent,clsName){ var boxArr=new Array(),   oElements=parent.getElementsByTagName('*'); for(var i=0;i<oElements.length;i++){ boxArr.push(oElements[i]); } return boxArr;}function getMinIndex(arr,val){ for(var i in arr){ if(arr[i]==val){ return i; } }}

Answer 1

考虑过兼容性没有