Javascript 将HTML元素复制并插入到新的弹出框中

我想完全复制所有元素

<div id="articleFull"> ... </div>

它是有效的。。。但该函数不会复制代码，而是将代码从一个位置移动到另一个位置，从而有效地将其从原始位置移除。我只想复制块。是的，我知道页面不能是2“ID”，但有了这个，我会更加照顾自己

---

想法？

如果我理解正确，应该这样做：

function copyHtml(){
    div = document.createElement('div')
    div.id = 'newPopUp';
    document.body.appendChild(div);

    var t = document.getElementById('articleFull');
    t.id = "articleFull2";
    div.appendChild(t);
}

---

如果我理解正确，这应该可以做到：

function copyHtml(){
    div = document.createElement('div')
    div.id = 'newPopUp';
    document.body.appendChild(div);

    var t = document.getElementById('articleFull');
    t.id = "articleFull2";
    div.appendChild(t);
}

---

如果您对Jquery感兴趣，可以尝试克隆。。。这将复制html，而不是像追加一样替换它

我已经更新了你的，但现在你需要在css上工作

var t1 = document.getElementById('newPopUp');

var t = document.getElementById('articleFull');

$(t).clone().appendTo(t1);

---

如果您对Jquery感兴趣，可以尝试克隆。。。这将复制html，而不是像追加一样替换它

我已经更新了你的，但现在你需要在css上工作

var t1 = document.getElementById('newPopUp');

var t = document.getElementById('articleFull');

$(t).clone().appendTo(t1);

---

我只想在“newPopUp”中复制整个div=“articleFull”。如果你看这里，我们看到当我们按下按钮时，第一个“articleFull”被删除，只有父级。但我需要他继续留在“otherDiv”中，但它的副本也出现在新弹出窗口中-“newPopUp”我只想在“newPopUp”中复制整个div=“articleFull”。如果你看这里，我们看到当我们按下按钮时，第一个“articleFull”被删除，只有父级。但我需要他留在“otherDiv”，但它的副本也出现在新的弹出窗口-“newPopUp”感谢您的回复。但我仍然非常了解javascript如何使用框架。我需要纯js的例子来更好地理解语言的原理是的，你完全理解我想要的-谢谢你的实现。但它使用jQuery，所以我将尝试用纯js搜索主题jQuery克隆。谢谢你的提示！谢谢你的回复。但我仍然非常了解javascript如何使用框架。我需要纯js的例子来更好地理解语言的原理是的，你完全理解我想要的-谢谢你的实现。但它使用jQuery，所以我将尝试用纯js搜索主题jQuery克隆。谢谢你的提示！