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

    // -> 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);
    }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容