JavaScript: cloneNode对importNode

Question

在一些代码示例中，我注意到克隆DOM节点并将其附加到现有元素的方式似乎不同：

element.appendChild(something.cloneNode(true));
element.appendChild(document.importNode(something, true));

两者都具有复制节点的效果。第二个版本似乎更详细，并暗示该副本实际上是一个具体的第一，虽然它仍然需要找到一个适当的家。然而，MDN和其他一些人使用它来说明如何使用template标记。在其他地方，他们选择了更简单的clodeNode选项。

问题是:使用importNode over cloneNode有什么好处？

Answer 1

在DOM3和更早版本中，importNode用于从其他文档复制节点，cloneNode用于在同一文档中进行复制。但是浏览器没有强制执行，所以在最新的DOM标准中，可以使用cloneNode从不同的文档进行复制。在其他上下文中使用DOM时，请坚持使用DOM3规则。