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

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