原生JavaScript封装insertAfter方法

在网站开发的应该都遇到过这个问题，在指定位置后面，添加我们需要的节点，但是HTML提供的方法，只有insertBefore()，在指定的已有子节点之前插入新的子节点。虽然JQuery已经为我们提供了，insertAfter() 方法，但是，还是有必要了解一下如何用原生javaScript语言来写自己封装方法。

javaScript代码：

function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    // 如果最后的节点是目标元素，则直接添加
    if(parent.lastChild = targetElement){
        parent.appendChild(newElement)
    }else{
        //如果不是，则插入在目标元素的下一个兄弟节点 的前面
        parent.insertBefore(newElement,targetElement.nextSibling)
    }
}

使用就比较简单啦。

当然，如果想使用JQuery方法，直接调用即可，$(content).insertAfter(selector)。