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  獲取節點的下一個同級節點；
	}
};