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

向指定容器的末尾追加元素: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);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • var utils = (function () { var flag = "getComputedStyle" ...
    love2013阅读 479评论 0 0
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,443评论 0 44
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 831评论 0 8
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 619评论 0 1
  • 代理模式 为其他对象提供一种代理以控制对这个对象的访问。屏幕快照 2016-01-25 下午8.24.06.png...
    Mitchell阅读 289评论 0 0