dom方法insertAfter的实现

Posted 2020-09-25 等风来

在dom的原生api中，只用insertBefore，没有insertAfter，借助原有的api，可以模拟一个insterAfter。

function insterAfter(newElement,targetElement){
     var parent = targetElement.parentNode;
     if(parent.lastChild == targetElement){
           parent.appendChild(newElement);
     }
     else{
           parent.insertBefore(newElement,targetElement.nextSibling);
     }              
}

先找父级元素，若目标元素为最后一个元素，直接append到父级末尾，

如果不是，则利用insertBefore插入到目标元素的下一个元素的前面