在现有元素后插入一个元素

前篇笔记中写到在现有元素前插入一个元素的方法(insertBefore),
那DOM会不会提供一个在目标元素后插入一个元素的方法呢。
很遗憾,DOM并没有提供这一个方法;
那就让我们来写一个这个方法吧
function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
        parent.appendChild(newElement);
    }
    else{
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}

其中,解释一下nextSibling这个属性,

targetElement.nextSibling

这个属性获得的是目标元素的下一个兄弟元素
所以,我们也可以利用现有的方法,写一个新的方法出来。!!!

你可能感兴趣的:(在现有元素后插入一个元素)