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,后写子节点

 

转载于:https://www.cnblogs.com/zhangfengyang/p/4661867.html