跟着写代码,所有的console.log内容无法体调试,而且最终所要求的列数不变也没有实现,下面是代码,求教
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;
var cols=Math.floor(document.documentElement.clienWidth/oBoxW);
//设置main的宽度
oParent.style.cssText='width:'+oBoxW*cols+'px;margin:0 auto;';
}
function getByClass(parent,clsName){
var boxArr=new Array(),//用来存储获取到的所有class元素
oElements=parent.getElementsByTagName("*");
for(var i=0;i<oElements.length;i++){
if(oElements[i].className==clsName){
boxArr.push(oElements[i]);
}
}
return boxArr;
}