JavaScript:cloneNode 与 importNode

Question

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

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

两者都具有复制节点的效果。第二个版本似乎更冗长，并且暗示副本实际上首先位于具体的地方，尽管它仍然需要找到合适的家。然而，MDN 和其他一些组织使用它作为使用 template 标签的说明。在其他地方，他们会选择更简单的 clodeNode 选项。

问题是:使用 importNode 相对于 cloneNode 有什么好处？

Answer 1

在 DOM3 及更早版本中，importNode 用于从其他文档复制节点，cloneNode 用于在同一文档内复制。但浏览器并不强制执行这一点，因此在最新的 DOM standard 中cloneNode 可用于从不同的文档进行复制。在其他上下文中使用 DOM 时，请遵循 DOM3 规则。