Javascript是當前web前端開發中最為流行的腳本語言之一，其強大的DOM操作能力為網站開發者提供了更加靈活、高效的網頁構建體驗。在通過Javascript對網頁DOM結構進行操作時，我們通常會需要刪除DOM節點中的一些子節點，以實現動態修改網頁設計等需求。

對于如何刪除DOM節點的子節點，Javascript提供了多種方法。下面我們以以下HTML代碼塊為例，來演示Javascript中刪除子節點的方法：

<div id="container">
<p>這是一句話。</p>
<p>這是第二句話。</p>
</div>

如上所示，我們有一個id為"container"的div容器，其中包含了2個p標簽分別包含不同的文本內容。接下來，我們將使用Javascript來刪除這些子節點。

刪除所有子節點的方法最簡單、最直接的方式，就是使用原生Javascript中的removeChild()方法。這個方法可以很輕松地實現對DOM節點子節點的刪除操作。

var container = document.getElementById("container");
while(container.hasChildNodes()) {
container.removeChild(container.lastChild);
}

如上所示，我們可以在Javascript中利用while循環不斷刪除節點的子節點，直到所有子節點都被刪除。這個方法運行起來很快，因為它不需要迭代整個DOM子節點樹。

除了使用原生Javascript的removeChild()方法，我們還可以通過第三方Javascript庫中提供的jQuery等工具，實現更加高效、便捷的子節點刪除操作。這里以jQuery為例演示：

$("#container").empty();

如上所示，使用jQuery框架中的empty()方法，可以直接清空容器所有子節點。

另外，我們也可以利用Javascript中的innerHTML屬性來清空掉容器中的所有子節點，實現相同的刪除效果。

document.getElementById("container").innerHTML = "";

總之，無論是使用Javascript原生方法還是第三方庫，都能夠輕松、高效地刪除DOM節點的子節點，實現網頁設計的動態性和自適應性等需求。