封装: 向容器中追加元素的方法

2017-03-12  本文已影响0人  阿九是只大胖喵
    // -> append: 向指定容器的末尾增加元素
    function append(newEle, container) {
        container.appendChild(newEle);
    }

    // -> prepend: 向指定元素开头追加元素 -> 把新的元素添加到容器中第一个子元素节点的前面
    // 如果一个元素子节点都没有,就放在末尾即可
    function prepend(newEle, container) {
        var fir = this.firstChild(container);
        if (fir) {
            container.insertBefore(newEle, fir);
            return;
        }
        container.appendChild(newEle);
    }

    // -> insertBefore: 向容器中指定元素(oldEle)的前面追加
    function insertBefore(newEle, oldEle) {
        oldEle.parentNode.insertBefore(newEle, oldEle);
    }

    // insertAfter: 向容器中指定元素的末尾追加
    // -> 相当于追加到oldElm弟弟元素的前面
    // 如果弟弟不存在,也就是当前元素已经是最后一个了,则把新的元素放在最末尾即可
    function insertAfter(newEle, oldEle) {
        var nex = this.next(oldEle);
        if (nex) {
            oldEle.parentNode.insertBefore(newEle, nex);
            return;
        }
        oldEle.parentNode.appendChild(newEle);
    }

上一篇 下一篇

猜你喜欢

热点阅读