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