Как добавить динамически созданный div больше, чем один div в javascript [duplicate]

Question

Как добавить динамически созданный div больше, чем один div в javascript [duplicate]

0

В моем приложении я создаю 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>

div всегда добавляет id = 2 div

sirisha 17 фев. 2014, в 13:00

Источник

2

Вы создаете один узел, вы можете поместить его только в одном месте.
David Thomas 17 фев. 2014, в 11:21
3

Клонировать этот узел ... JSFiddle
George 17 фев. 2014, в 11:21

Теги:

javascript

html

1 ответ

Ещё вопросы

Вы создаете один узел, вы можете поместить его только в одном месте.

Hossein Salmanian · Answer 1 · 2014-02-17T10-18-00.000Z

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

вы должны создать еще один экземпляр div для добавления второго раза