javascript - 使用 Javascript 复制 div

Question

我有 2 个不同的 div：[Div1] 和 [Div2]。我的目标是当我点击某个事件时，我希望 [Div1] 与 [Div2] 完全相同。我使用了这段代码：

 document.getElementById("div1")=document.getElementById("div2");

这是一个 javascript 错误，我不知道如何做这样的事情。我不能复制每个元素，因为这些元素可能会根据用户的操作而改变。我发现了一些关于克隆节点的东西，但我无法让它工作。有什么建议吗？

Answer 1

改用jquery；当用户单击按钮/任何操作时，请使用以下代码段：

$("div1").html($("div2").html());

Answer 2

好吧，取决于您所说的“完全相同”（共享相同的引用？重复值？），您可能想尝试克隆：

尝试：

var node = document.getElementById("div2");
var node2 = node.cloneNode(true); //creates deep clone with events you can do something with

///Or you could just copy the markup over
document.getElementById("div1").innerHTML = node2.innerHTML;