insertBefore 和 insetAfter函数详解

在Javascript DOM编程艺术上面讲到，insertBefore(   )函数，即在已有元素前面插入一个新元素；

语法：

    parentElement . insertBefore(newElement,targetElement);

新元素：你想插入的元素（newElement)

目标元素：你想把这个新元素插到哪个元素（targetElement)的前面

父元素：目标元素的父元素（parentElement)

insertBefore函数是Javascript DOM自带的函数，那么我们想在现有元素后面插入一个新元素怎么办呢？

那就是创建一个insertAfter(  ）函数！

首先，同insertBefore函数一样，需要两个参数（目标元素，新元素）

javascript代码如下：

function insertAfter (newElement,targetElement){
	var parent =targetElement.parentNode;   
	//定义目标元素的父项parent
	if(parent.lastchild == targetElement]{
		//如果目标元素是父元素的最后一个childnode,那么直接用appendchild()添加插入元素
		parentElement.appendChild(newElement)
	}else{
		parentElement.insertBefore(newElement,targetElement.nextSibling);
		//nestSiling  获取节点的下一个同级节点；
	}
};

　　

转载于:https://www.cnblogs.com/dreamworker6/p/6768923.html