如何在javascript中追加一个动态创建的div多个div

Question

在我的应用程序中，我正在动态创建div。我想将动态创建的div追加到html中的多个div。但它总是只附加一个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

Answer 1

因为appendChild函数 更改传递给它的参数的父容器的地址。 所以当你传递document.createElement（）创建的div元素时 在第二次调用appendChild acttualy你改变了它的父地址

你必须创建另一个div实例才能第二次追加