照著敲得代碼，列數會變 我覺得列數還是會變的啊，老師寫的代碼列數不會變我也覺得不可能，main的寬度是改變著的，因為列數在改變，除非css對main做了點什么？

照著敲得代碼，列數會變

我覺得列數還是會變的啊，老師寫的代碼列數不會變我也覺得不可能，main的寬度是改變著的，因為列數在改變，除非css對main做了點什么？

window.onload = function(){

waterfall("main","box");

}

function waterfall(parent,box){

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

var oParent = document.getElementById(parent);

var oBox = getByClass(oParent,box);

console.log(oBox.length);

//計算整個頁面顯示的列數（頁面寬度/box寬度）

var oBoxW = oBox[0].offsetWidth;

var cols = parseInt(document.documentElement.clientWidth/oBoxW);

console.log(cols);

//設置main的寬度

oParent.style.cssText = "width:" + oBoxW * cols + "px;margin:0 auto";

console.log(oParent.offsetWidth);

}

function getByClass(parent,className){

var boxArr = new Array();

var oElements = parent.getElementsByTagName("*");

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

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

boxArr.push(oElements[i]);

}

}

return boxArr;

}