原生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)

。

前端小虾米，不足之处请大家多多指教！谢谢！