window.onload=function(){

waterfall('main','box');

}

function waterfall(parent,box){

//将main下的所有class为box的元素取出来

var oParent=document.getElementById(parent);

var oBoxs=getByClass(oParent,box);

//计算整个页面显示的列数(页面宽度/box的宽)

var oBoxw=oBoxs[0].offsetwidth;

console.log(oBoxw);

}

//根据class获取元素

function getByClass(parent,clsName){

var boxArr=new Array(),    //用来存储获取到的所有的class为box的元素

oElements=parent.getElementByTagName('*');

for(var i=0;i<oElements.length;i++){

if(oElements[i].className==clsName){

boxArr.push(oElements[i]);

}

}

return boxArr;

}