私はスパンを移動しようとしているときにappendChildが動作しません

Question

私はdivを1か所に持っていて、別の2か所に移動したいと思います。 2つの親タグと私の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); 

私はこれを参照してください。1つのappendChild作品や他の1 dosen'tを。

Answer 1

あなたはDOMですでにだ要素を追加するappendChildを使用する場合、それはがクローン化されていない、を移動します。あなたがcloneNodeを経由して、することができ、それを複製する場合：

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

trueが「このノードとその子孫のクローンを作成する」を意味します。