向指定容器的末尾追加元素:append
直接用appendChild也可以滞造,寫這個是為了與prepend對應
function append(newEle,container){//兩個參數分別是新元素和指定容器
container.appendChild(newEle);
}
向指定容器的開頭追加元素:prepend
把新的元素添加到容器中第一個子元素節(jié)點的前面
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);
}