JavaScript添加節(jié)點(diǎn)的方法：1、使用appendChild()，語法“父級節(jié)點(diǎn).appendChild(要添加的節(jié)點(diǎn))”；2、使用insertBefore()，語法“父級節(jié)點(diǎn).insertBefore(要插入的節(jié)點(diǎn),插入位置)”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JS種添加節(jié)點(diǎn)一共有2種方法

1、appendChild()

把要添加的節(jié)點(diǎn)添加到指定父級里面的最后面，所以也叫追加

使用方式：父級節(jié)點(diǎn).appendChild( 要添加的節(jié)點(diǎn) )

代碼：

document.onclick = function(){     oDiv2.appendChild(oB2);//將b2追加到div2里面的最后面 }

圖示：

2、insertBefore()

把要插入的節(jié)點(diǎn)添加到指定父級里面的指定節(jié)點(diǎn)之前

使用方式：父級節(jié)點(diǎn).insertBefore( 要插入的節(jié)點(diǎn)，指定節(jié)點(diǎn) )

JS代碼：（注：每執(zhí)行一次新方法時，上一個方法都會被注釋掉，為了易懂，此處注釋一次，下面的文章中將不再把注釋上一個方法的代碼發(fā)上來）

document.onclick = function(){     //oDiv2.appendChild(oB2);此處將上一個方法注釋     oDiv2.insertBefore(oB2,oSpan2);//將b2插入到div2中的span2前面 }

所有瀏覽器都支持此方法，但是值得注意的是，如果第二個參數(shù)節(jié)點(diǎn)不存在，在IE和Safari下會把要添加的節(jié)點(diǎn)使用appendChild()方法追加到指定父級中，而其他主流瀏覽器（Firefox、Chrome、Opera等）下會報錯，所以在插入節(jié)點(diǎn)的時候，需要先判斷第二個參數(shù)節(jié)點(diǎn)是否存在

【推薦學(xué)習(xí)：javascript高級教程】