Node 對象提供了 cloneNode() 方法實現 HTML 頁面中節點的復制功能。其語法結構如下: ```javascript var dupNode = node.cloneNode(deep); ``` 在上述語法結構中，調用 cloneNode() 方法的 node 表示被克隆的節點，返回值 dupNode 表示克隆后的新節點。 參數 deep 則表示是否采用深度克隆。如果為 true，則該節點的所有后代節點也都會被克隆；如果為 false，則只克隆該節點本身。 > **值得注意的是:** 參數 deep 如果默認不傳遞的話，值為 false。但在舊版本的瀏覽器中, 你始終需要指定 deep 參數。 我們可以通過如下代碼示例，測試 replaceChild() 方法的具體使用: ```javascript var parent = document.getElementById('parent'); var btn = document.getElementById('btn'); // 復制目標節點 var clone = btn.cloneNode(true); parent.appendChild(clone); ``` ## 復制節點的注意事項 克隆一個元素節點會拷貝它所有的屬性以及屬性值,當然也就包括了屬性上綁定的事件，但不會拷貝那些使用 addEventListener() 方法或者 node.onclick = fn 這種用 JavaScript 動態綁定的事件。 在使用 Node.appendChild() 或其他類似的方法將拷貝的節點添加到文檔中之前，那個拷貝節點并不屬于當前文檔樹的一部分。也就是說，它沒有父節點。 如果deep參數設為false，則不克隆它的任何子節點。該節點所包含的所有文本也不會被克隆，因為文本本身也是一個或多個的 Text 節點。 為了防止一個文檔中出現兩個 ID 重復的元素,使用 cloneNode() 方法克隆的節點在需要時應該指定另外一個與原 ID 值不同的 ID。