【insertAfter】将一个新元素插入现有元素后面

◇函数名称:

    insertAfter

◇功能描述：

    将一个新元素节点插入现有元素节点后面。

◇调用方法：

    parentElement.insertAfter(newElement,targetElement)

◇上下文情景：

    JavaScript只提供insertBefore函数，为此建立insertAfter函数，方便实现元素节点的向后插入。

◇工作方式&技术要点

    ·寻找要插入的目标位置元素的父元素。
    ·判断目标位置元素是否其父元素的最后一个元素节点。若是，则直接为其父元素使用appendChild即可以实现向后插入。若否，则插入用insertBefore插入到目标位置元素的后一个兄弟节点的前面。

◇关键代码展示

function insertAfter(newElement,targetElement) {
  var parent = targetElement.parentNode;
  if (parent.lastChild == targetElement) {
    parent.appendChild(newElement);
  } 
  else {
    parent.insertBefore(newElement,targetElement.nextSibling);
  }
}