當我嘗試移動範圍時，appendChild不起作用

Question

我在一個地方有一個div，我想將它移到另外兩個地方。我有兩個父標籤和我的spanEN移動的id。當我appendChild它只適用於parentHeader.appendChild（spanEN）;

 var parentNav = document.getElementById('js-liveChatParentNav'); 
     var parentHeader = document.getElementById('js-liveChatParentHeader'); 

     var spanEN = document.getElementById("js-chat-sourceEN").childNodes[1]; 

     parentNav.appendChild(spanEN); 
     parentHeader.appendChild(spanEN); 

在控制檯我看到這個：一個appendChild工作，另一個dosen't。

Answer 1

當您使用appendChild追加這是已經在DOM元素，它的移動，而不是克隆。如果你想克隆它，你可以通過cloneNode：

parentNav.appendChild(spanEN); 
parentHeader.appendChild(spanEN.cloneNode(true)); 
// ----------------------------^^^^^^^^^^^^^^^^ 

的true的意思是「克隆此節點和它的後代。」