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

2017-08-06  本文已影响0人  gaoqizhuhui

向指定容器的末尾追加元素: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);
}
上一篇下一篇

猜你喜欢

热点阅读