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;? ? var cols = Math.floor(document.documentElement.clientWidth/oBoxW);? ? //設置main的寬? ? oParent.style.cssText = 'width:' + oBoxW * cols + 'px;margin:0 auto';}//根據(jù)class獲取元素function getByClass(parent,clsName){? ? var boxArr = new Array(), //用來存儲獲取到的所有class為box的元素? ? oElements = parent.getElementsByTagName('*');? ? for (var i = 0; i < oElements.length; i++) {? ? ? ? if(oElements[i].className == clsName){? ? ? ? ? ? boxArr.push(oElements[i]);? ? ? ? }? ? }? ? return boxArr;}