`appendChild()` 和 `insertBefore()` 是 JavaScript 中用于向 DOM(文檔對(duì)象模型)中插入新節(jié)點(diǎn)的方法。

　　`appendChild()` 方法用于將一個(gè)新節(jié)點(diǎn)添加到指定節(jié)點(diǎn)的子節(jié)點(diǎn)列表的末尾。

javascript
var parentElement = document.getElementById("parent");
var newElement = document.createElement("div");
parentElement.appendChild(newElement);

 　　上述代碼中，我們首先通過(guò) `getElementById()` 方法獲取到一個(gè)父元素節(jié)點(diǎn) `parentElement`，然后使用 `createElement()` 方法創(chuàng)建一個(gè)新的 `div` 元素節(jié)點(diǎn) `newElement`。接下來(lái)，我們使用 `appendChild()` 方法將 `newElement` 添加為 `parentElement` 的子節(jié)點(diǎn)。這樣，`newElement` 就會(huì)成為 `parentElement` 的最后一個(gè)子節(jié)點(diǎn)。

　　`insertBefore()` 方法用于將一個(gè)新節(jié)點(diǎn)插入到指定節(jié)點(diǎn)的子節(jié)點(diǎn)列表的指定位置。

javascript
var parentElement = document.getElementById("parent");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("reference");
parentElement.insertBefore(newElement, referenceElement);

 　　上述代碼中，我們同樣通過(guò) `getElementById()` 方法獲取到一個(gè)父元素節(jié)點(diǎn) `parentElement`，然后使用 `createElement()` 方法創(chuàng)建一個(gè)新的 `div` 元素節(jié)點(diǎn) `newElement`。此外，我們還通過(guò) `getElementById()` 方法獲取到一個(gè)參考節(jié)點(diǎn) `referenceElement`，該節(jié)點(diǎn)將作為插入位置的參考。接下來(lái)，我們使用 `insertBefore()` 方法將 `newElement` 插入到 `parentElement` 的子節(jié)點(diǎn)列表中，位于 `referenceElement` 之前的位置。

　　這兩種方法都是用來(lái)動(dòng)態(tài)地向 DOM 中插入新節(jié)點(diǎn)的常用方法，可以根據(jù)具體的需求選擇合適的方法來(lái)操作 DOM 樹(shù)。