JavaScript是一款功能強大的編程語言，能夠為網頁添加動態交互效果。其中最為常用的技術之一就是append()方法。

append()方法能夠將一個新的元素節點追加到已有的目標節點中，并返回這個新的節點。該方法使用極為方便，只需要向目標節點的子元素結尾處追加新節點即可。

例如，下面代碼將向id屬性為"myList"的無序列表中添加一個新的li元素并設置其文本內容為"Item 4":

var li = document.createElement("li");
var text = document.createTextNode("Item 4");
li.appendChild(text);
document.getElementById("myList").appendChild(li);

上述代碼首先創建一個li元素節點，并使用createTextNode()方法創建一個包含文本內容的文本節點，然后將文本節點添加到li元素節點中，最后將li元素節點添加到目標節點中。

此外，如果需要一次性追加多個節點，也可以使用DocumentFragment對象對節點進行封裝和操作，這樣一次性追加多個節點不會導致文檔重繪，提高渲染效率。例如：

var fragment = document.createDocumentFragment();
for (var i = 0; i< 10; i++) {
var li = document.createElement("li");
var text = document.createTextNode("Item " + (i + 1));
li.appendChild(text);
fragment.appendChild(li);
}
document.getElementById("myList").appendChild(fragment);

上述代碼使用循環語句一次性創建10個li元素節點，并將它們添加到DocumentFragment對象中。最后，將DocumentFragment對象添加到目標節點中，從而一次性追加多個節點。

總之，append()方法是HTML DOM API中非常有用的方法之一，能夠簡化HTML文檔節點的創建和操作，提高代碼執行效率，使頁面的交互效果更加豐富。