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);