练习写瀑布布局中，需要获取各个盒子的高度来计算下一个盒子放到何处。

html：

css：

.box {
    padding:15px 0 0 15px;
    float: left;
}
.pic {
    padding: 10px;
    border:1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    border-radius:5px;
}
.pic img {
    width: 165px;
}

js：

function waterFall(parent,box) {
    //取出main下所有class为box的元素
    var oParent = document.getElementById(parent);
    var boxs = getByClass(oParent, box);
    //计算整个页面显示的列数
    var oBoxW = boxs[0].offsetWidth;
    var clos = Math.floor(document.documentElement.clientWidth / oBoxW);
    //设置main的宽
    oParent.style.cssText = 'width:'+oBoxW*clos+'px;margin:0 auto;'
    var hArr = [];
    for (var o = 0;o