window.onload=function(){

waterfall('main','box');

}

function waterfall(parent,box){

//將main下的所有class為box的元素取出來

var oParent=document.getElementById(parent);

var oBoxs=getByClass(oParent,box);

//計算整個頁面顯示的列數(shù)(頁面寬度/box的寬)

var oBoxw=oBoxs[0].offsetwidth;

console.log(oBoxw);

}

//根據(jù)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;

}