原生JavaScript封装insertAfter方法

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

javaScript代码：

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

使用就比较简单啦。

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