var oDiv = document.getElementById('div1');

    // -> 首先獲取所有的子節點(childNodes),在所有的子節點中,把元素節點過濾出來(nodeType === 1)
    // -> 如果多傳遞一個標簽名，還要在獲取的子元素集合中把對應標簽名的進行二次篩選
    function children(currentElement, tagName) {
        var ary = [];
        // -> IE6-8下不能使用內置的children屬性,則自己寫代碼實現
        if (/MSIE (6|7|8)/i.test(navigator.userAgent)) {
            var nodeList = currentElement.childNodes;
            for (var i = 0, len = nodeList.length; i < len; i++) {
                var curNode = nodeList[i];
                if (curNode.nodeType === 1) {
                    ary[ary.length] = curNode;
                }
            }
        } else {
            // 標準瀏覽器中，直接使用children即可，但是這樣獲取的是一個元素集合(類數組)，
            // 為了和IE6-8下保持一致，借用數組原型上的slice實現把類數組轉化為數組
            ary = Array.prototype.slice.call(currentElement.children);
        }

        // [div,div,div,p,p,p] len=6 i=0 i<6 i++
        // -> 二次篩選
        if (typeof tagName === 'string') {
            for (var k = 0; k < ary.length; k++) {
                var curElemNode = ary[i];
                if (curElemNode.nodeName.toLowerCase() !== tagName.toLowerCase()) {
                    // -> 不是想要的標簽
                    ary.slice(k, 1);
                    k--;
                }
            }
        }

        return ary;
    }
    console.log(children(oDiv, 'p').length);