JavaScript的appendChild、insertBefore和insertAfter函数以及它们的用法

因为比较常用到JavaScript的appendChild、insertBefore和insertAfter这几个函数，所以在这里作为学习笔记做总结：

1、appendChild

添加一个节点到指定的节点的子节点数组中

用法：target.appendChild(newChild)
          newChild作为target的子节点插入最后的一子节点之后

2、insertBefore
在现有的子节点前插入一个新的子节点

用法：target.insertBefore(newChild,existingChild)
          newChild作为target的子节点插入到existingChild节点之前
          existingChild为可选项参数，当为null时其效果与appendChild一样

3、insertAfter

在指定节点后添加一个同级的新节点。

用法：insertAfter(newEle, targetEle)
          newEle是要新增的节点对象
          targetEle是作为insertAfter的目标对象，newEle就是新增到targetEle的后面

我们知道JavaScript没有insertAfter函数，因此需要自定义insertAfter函数：

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