在HTML中，我們可以通過使用JavaScript來操作DOM（文檔對象模型）。DOM提供了一組方法和屬性，用于動態地改變HTML文檔的內容、結構和樣式。其中一個核心操作是刪除節點。

要刪除節點，我們可以使用DOM的removeChild()方法。這個方法可以從DOM中刪除一個子節點，并返回被刪除的節點。它需要傳入要刪除的節點作為參數。

下面是一些代碼案例，用于詳細說明如何使用removeChild()刪除節點：

// 創建一個需要刪除的節點
var node = document.createElement("div");
node.innerHTML = "要刪除的節點";
<br>
// 查找父節點
var parent = document.getElementById("parent");
<br>
// 刪除節點
parent.removeChild(node);

在這個案例中，我們創建一個需要刪除的節點，通過document.createElement()方法創建一個<div>元素，并將其innerHTML設置為 "要刪除的節點"。然后，我們使用document.getElementById()方法找到父節點，該父節點的id屬性為 "parent"。最后，我們使用父節點的removeChild()方法，將創建的節點從父節點中刪除。

下面是另一個案例，演示如何刪除指定位置的子節點：

// 創建需要刪除的節點
var node1 = document.createElement("div");
node1.innerHTML = "第一個節點";
<br>
var node2 = document.createElement("div");
node2.innerHTML = "第二個節點";
<br>
var node3 = document.createElement("div");
node3.innerHTML = "第三個節點";
<br>
// 查找父節點
var parent = document.getElementById("parent");
<br>
// 刪除指定位置的節點
parent.removeChild(parent.childNodes[1]);

在這個案例中，我們創建了三個需要刪除的節點，分別是 "第一個節點"、"第二個節點" 和 "第三個節點"。然后，我們使用document.getElementById()方法找到父節點，該父節點的id屬性為 "parent"。最后，我們使用父節點的removeChild()方法，并通過指定要刪除的節點位置（使用parent.childNodes[1]）來刪除了 "第二個節點"。

在其他真實案例中，我們可以看到刪除節點在實際開發中的應用。例如，網頁上的一個按鈕點擊后，我們希望刪除一個彈出的對話框節點。通過刪除節點，我們可以輕松地在點擊按鈕時將對話框從DOM中移除。

總而言之，DOM的removeChild()方法提供了一種簡單且高效的方式來刪除HTML中的節點。通過傳入要刪除的節點，我們可以實現動態操作DOM的效果，從而靈活地改變HTML文檔的內容、結構和樣式。