javascript insertBefore 和 appendChild

標籤：

js的appendChild()方法 :在一個元素內部追加一個子節點.

js的insertBefore()方法:在一個元素內部指定的子節點之前插入子節點.

很明顯,appendChild()方法只需要一個條件就可以了,那就是父元素.

而後者則需要兩個條件,一個是父元素,一個是要在父元素哪個子節點前插入.

下面是兩種情況的例子對比:

var oDiv=document.getElementById(‘div1‘);var oNew=document.createElement(‘div‘);oDiv.appendChild(oNew);

var oDiv=document.getElementById(‘div2‘);var oChild=oDiv.getElementById(‘div3‘);var oNew=document.createElement(‘div‘);oDiv.insertBefore(oNew,oChild);//先寫新建立的DIV,後寫子節點

 

javascript insertBefore 和 appendChild