美文网首页
封装: 向容器中追加元素的方法

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

作者: 阿九是只大胖喵 | 来源:发表于2017-03-12 14:54 被阅读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);
        }
    
    

    相关文章

      网友评论

          本文标题:封装: 向容器中追加元素的方法

          本文链接:https://www.haomeiwen.com/subject/ypgtnttx.html