Javascript是一種廣泛運用于前端網頁開發的腳本語言，可以通過操作DOM元素來實現動態修改網頁。其中，追加HTML是Javascript中最常用的操作之一，它允許我們在HTML文檔中動態添加元素、文本、屬性等內容。如下是一些常見的追加HTML的情況。

假如我們要在一個ul元素中添加一個新的li元素，可以使用如下代碼：

const ul = document.querySelector("ul");
const newLI = document.createElement("li");
newLI.textContent = "New item";
ul.append(newLI);

該代碼獲取了一個ul元素并創建了一個新的li元素，將文本內容設置為"New item"，然后使用ul元素的append方法將其追加到ul元素中。這樣就可以動態添加新的元素到HTML頁面上。

同樣的，如果我們想在一個div中插入一個圖片，可以使用如下代碼：

const div = document.querySelector("div");
const newImage = document.createElement("img");
newImage.setAttribute("src", "image.jpg");
div.append(newImage);

該代碼首先獲取了一個div元素并創建了一個新的img元素，然后使用img元素的setAttribute方法設置其src屬性為"image.jpg"，最后將其追加到div元素中。這樣就可以動態添加圖片到HTML頁面上。

更進一步的，我們也可以使用innerHTML屬性來追加HTML元素。例如，假如我們有一個空的div元素，想要向其中添加一個表格，可以使用如下代碼：

const div = document.querySelector("div");
div.innerHTML = "<table><tr><td>1</td><td>2</td></tr></table>";

該代碼首先獲取了一個div元素，然后將其innerHTML屬性設置為包含一個表格的HTML代碼。這樣就可以動態添加一個表格到HTML頁面上。

總之，追加HTML是Javascript中最常用的操作之一。無論是添加新的元素、文本、屬性還是HTML代碼，都可以使用不同的方法來實現動態修改HTML頁面。如此，我們可以根據實際需求來靈活運用這些技巧，達到更好的用戶體驗。