Node 對象提供了 replaceChild() 方法實現 HTML 頁面中節點的替換功能。其語法結構如下: ```javascript replacedNode = parentNode.replaceChild(newChild, oldChild); ``` 在上述語法結構中，調用 replaceChild() 方法的 parentNode 表示被替換節點 oldChild 的父級節點。 參數 oldChild 則表示 HTML 頁面中被替換的節點。replaceChild() 方法的返回值也是被替換的節點，即 oldChild == replaceNode。 參數 newChild 則表示用于替換的新節點。如果該節點已經存在于 DOM 節點樹結構中的話，則它會被從原始位置刪除。 我們可以通過如下代碼示例，測試 replaceChild() 方法的具體使用: ```javascript // 獲取父節點 var parentNode = document.getElementById('parent'); // 創建新節點 var newChild = document.createElement('button'); newChild.setAttribute('class','button'); var text = document.createTextNode('A New Button'); newChild.appendChild(text); // 獲取子節點 var oldChild = document.getElementById('btn'); // 替換節點 parentNode.replaceChild(newChild, oldChild); ```