как добавить динамически созданный div более одного div в javascript

Question

В моем приложении я создаю div динамически. И я хочу добавить динамически созданный div к нескольким div в html. но он всегда добавляет только один div. Я хочу тот же div в двух div. У меня есть много разных способов, пожалуйста, помогите мне.

вот пример

<div id="1"></div> 
    <div id="2"></div> 
    <script> 
    var div= document.createElement('div'); 
    div.innerHTML="HIIIIIIII"; 
    document.getElementById("1").appendChild(div); 
    document.getElementById("2").appendChild(div); 
    </script> 

ДИВ всегда добавляя к ид = 2 DIV

Answer 1

Другой простой способ для этого может быть

  <div id="1"></div> 
      <div id="2"></div> 
      <script> 
      var div= document.createElement('div'); 
      div.innerHTML="HIIIIIIII"; // get the content of dynamic div 
      var Content = div.innerHTML; 
      document.getElementById("1").innerHTML = Content; //add the content to other div 
      document.getElementById("2").innerHTML += document.getElementById("2").innerHTML + Content; // in case you want to append this you can use this 
      </script> 

Answer 2

, потому что функция AppendChild изменить адрес родительский контейнер передаваемого ему параметра. так, когда вы передаете Div элемент, созданный document.createElement() во втором вызове AppendChild acttualy вы изменили родительский адрес его

вы должны создать другой экземпляр DIV, чтобы добавить второй раз