JavaScript對于網頁的動態效果和交互功能可以說是不可或缺的。而在開發中，我們有時需要對DOM元素進行動態追加節點，這就需要用到JavaScript的appendChild()方法。

appendChild()方法指的是在一個元素的末尾添加一個節點。這個節點既可以是元素節點，也可以是文本節點。下面舉例說明。

//創建新的p元素節點
var newPara = document.createElement("p"); 
//創建文本節點
var textNode = document.createTextNode("Hello World!"); 
//將文本節點添加到p元素節點中
newPara.appendChild(textNode); 
//找到DOM中的body元素節點
var bodyNode = document.getElementsByTagName("body")[0]; 
//將p元素節點添加到body元素節點的末尾
bodyNode.appendChild(newPara);

上述代碼中，我們首先創建了一個新的p元素節點，然后創建了一個文本節點，接著將文本節點添加到p元素節點中。接下來，我們找到了DOM中的body元素節點，并將p元素節點添加到body元素節點的末尾。這樣就實現了向網頁中動態追加節點的效果。

我們也可以將多個節點追加到一個父節點中，實現批量添加節點的功能。下面的代碼演示了如何將兩個元素節點追加到一個父節點中。

//找到DOM中的父節點
var parentElement = document.getElementById("parent"); 
//創建兩個新的節點
var newElement1 = document.createElement("div"); 
var newElement2 = document.createElement("div"); 
//將兩個新節點添加到父節點中
parentElement.appendChild(newElement1); 
parentElement.appendChild(newElement2);

在上述代碼中，我們首先通過getElementById()方法找到了DOM中的父節點。然后創建了兩個新的元素節點，最后將這兩個節點添加到父節點中。這樣就實現了向一個節點添加多個子節點的效果。

除了appendChild()方法之外，JavaScript還提供了一些其它的方法可以實現節點的追加。比如insertBefore()方法可以在一個元素的指定位置插入新的節點。replaceChild()方法可以替換已有的節點為新的節點。而removeChild()方法則可以從一個節點中移除指定的子節點等等。

在實際開發中，我們可以根據實際需要選擇不同的方法來實現節點的追加和修改。這樣就能夠充分利用JavaScript的優勢，實現更加優秀的網頁效果和交互功能。