06 JavaScript DOM技术-编写insertAfter函数

insertAfter函数

由于在DOM中只提供了将新建元素插入到目标元素之前的insertBefore方法，而并没有提供对应的insertAfter方法，由于将元素插入目标元素之后的情况也很常见，所以有必要由我们自己来编写insertAfter函数来弥补这个空缺。

function insertAfter(newElement,targetElement){
  var parent = targetElement.parentNode; //将目标元素的父节点属性值存入parent变量
  if(parent.lastChild == targetElement){ //判断目标元素是否为parent的最后一个子元素
    parent.appendChild(newElement); //如果为parent最后的子元素，则将新元素直接插入parent元素中
  }else{
    parent.insertBefore(newElement,targetElement.nextSibling); //否则将新元素插入到目标元素的下一个兄弟元素之前
  }
}

//调用函数
insertAfter(newElement,targetElement);