原生javascript 实现瀑布流

/*
    瀑布流原生 javascript 实现方法
    之前已经用 jquery 方法已经实现了瀑布流。
    但是我决定再用 javascript的方法再实现一次。
    另外，我一直不理解 Math.min.apply(null,AllLi) 这一句代码。
    虽然高人解释给我听后，大概其明白。但感觉应该有更简单的方法来实现。
    于是，我真的实现了 *^0^*
    --------------
    无论是 jquery 还是原生 js for 循环都是一个非常重要的用法
    只要打开脑洞，就会有更加异想天开的解决方法
*/
/* 常用js方法开始 */
var _doc = document,
    _win = window;

// getId(IdName) / 获取ID 方法
function GetId(IdName){
    return _doc.getElementById(IdName);
}

// GetTag(Fathers,TagName) / 获取 tagname 方法
function GetTag(Fathers,TagName){
    return Fathers.getElementsByTagName(TagName);
}
/* 常用js方法结束 */

// 通过常用方法，找到需要处理的元素
var _obj = GetId("waterfall"),
    _ul = GetTag(_obj,"ul"),
    _li = GetTag(_obj,"li");

// 瀑布流函数
function WaterFall(){
    var _blank = 20,                        // 瀑布流间距
        _liW = 200 + _blank,                // 每列宽度
        _winW = _win.outerWidth,            // 窗口宽度
        _row = parseInt(_winW/_liW),        // 得到最多放几列
        _ulW = _row * _liW - _blank + 'px'; // 算出 ul 的宽度

    _ul[0].style.width = _ulW;              // 设定ul的宽度

    var _arr = [];                          // 和jquery 版本一样，建立一个空数组

    // 开始循环每一个 li
    for (var i = 0; i < _li.length; i++) {
        if (i<_row) {                               // 第一行的处理

            _li[i].style.top = 0;
            _li[i].style.left = i*_liW + 'px';
            _arr[i] = _li[i].offsetHeight;          // 将自身的高度，写入数组

        }else{

            var _minH = +Infinity,                  // 最小高度变量，默认为无穷大
                _minI;                              // 空变量，用来存最小高度数组的 key 值

            // 循环由第一行每个li的高度组成的数组
            for (var j = 0; j < _arr.length; j++) {

                if (_arr[j]<_minH) {                // 如果当前数组的值小于上面设定的_minH
                    var _minH = _arr[j],            // 则将 _minH 变量写成当前数组的值 （通过循环，能找到最小值）
                        _minI = j;                  // 将最小值的 key 值写入到 _minI
                };
            };

            _li[i].style.top = _minH +_blank + 'px';
            _li[i].style.left = _minI * _liW + 'px';

            // 将数组中最小的值，加上这个 li 的高度和留白，得出的值存入数组
            _arr[_minI] += _li[i].offsetHeight + _blank;

        };
    };
}

// 加载完成后执行
window.onload = function() {
    WaterFall();
};
// 窗口变化时执行
window.onresize = function() {
    WaterFall();
};