js表格的插入insertAfter

在js提供的方法只有 insertBefore
在指定元素的前边新增一个元素
但大部分情况会更多的想在指定元素的后面插入元素
所以可以自己写一个方法

//newElement 要插入的元素， targetElement 目标元素
function insertAfter(newElement, targetElement) {
   /*
    编写逻辑
    1、首先找到给出我们需要插入的元素和用来定位的目标元素
    2、根据目标元素找到两个元素的父元素
    3、判断目标元素是不是父元素内的唯一的元素.
    4、如果是,向父元素执行追加操作,就是appendChild(newElement)
    5、如果不是,向目标元素的之后的紧接着的节点之前执行inserBefore()操作
    */
    var parentElement = targetElement.parentNode; //find parent element
    if (parentElement.lastChild == targetElement)//To determime确定,下决心 whether the last element of the parent element is the same as the target element
    {
        parentElement.appendChild(newElement);
    } else {
        parentElement.insertBefore(newElement, targetElement.nextSibling);
    }
}