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

向容器中追加新元素的方法

作者: gaoqizhuhui | 来源:发表于2017-08-06 20:48 被阅读0次

向指定容器的末尾追加元素:append

直接用appendChild也可以,写这个是为了与prepend对应

function append(newEle,container){//两个参数分别是新元素和指定容器
     container.appendChild(newEle);
}

向指定容器的开头追加元素:prepend

把新的元素添加到容器中第一个子元素节点的前面

function prepend(newEle,container){
    var fir=firstChild(container);
    if(fir){
       container.insertBefore(newEle,fir);
       return;
    }
    container.appendChild(newEle);
}

向容器中指定元素的前面追加:insertBefore

把新元素追加到指定元素的前面(不写这个方法也可以,为了对应而已)

function insertBefore(newEle,oldEle){
     oldEle.parentNode.insertBefore(newEle,oldEle);
}

向容器中指定元素的末尾追加:insertAfter

把新元素追加到指定元素的后面(相当于追加到oldEle弟弟元素的前面)

function insertAfter(newEle,oldEle){
   var nex=next(oldEle);
   if(nex){
        oldEle.parentNode.insertBefore(newEle,nex);
        return;
   }
//如果弟弟元素不存在,也就是当前元素已经是最后一个了,把新的元素放在最末尾即可
   oldEle.parentNode.appendChild(newEle);
}

相关文章

  • 向容器中追加新元素的方法

    向指定容器的末尾追加元素:append 直接用appendChild也可以,写这个是为了与prepend对应 向指...

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

  • js基础

    script追加新元素 script全选全不选 script获取table中的row元素 并设置style 省市选...

  • 节点 委托

    如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。实例 ...

  • 刷题3 剑指 Offer — 哈希表

    Map对象的方法: set(key, val): 向Map中添加新元素 get(key): 通过键值查找特定的数值...

  • extend 和 append区别联系

    在python中,向列表中添加新元素有extend和append这两种方法,但是这两种方法究竟有什么区别和联系呢?...

  • Foundation基础类库容器

    基础类库:容器 1.NSArray //类方法数组创建 //实例方法创建数组 //数组个数 //访问元素 //追加...

  • 数组方法

    1. push push()将新元素追加到一个数组中,并将数组的长度+1。 2. pop push()将数组中最后...

  • 向excel中追加内容

    1.加入poi的依赖2.demo

  • H5 Canvas

    标签是H5中的新元素,在该标签中可以实现自己绘制图像。虽然 标签只是图像容器,但我们可以借助js在该容器中实现绘图...

网友评论

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

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