Document：adoptNode() 方法

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

Document.adoptNode() 将节点（DOM）从另一个文档转移至调用该方法的文档中。被转移的节点及其子树将会从原始文档（如果存在的话）中移除，并且它们的 ownerDocument 会变更为当前文档。然后节点将被插入到当前文档中。

语法

adoptNode(externalNode)

参数

externalNode: 将要从另一份文档中转移的节点。

返回值

在导入文档的作用域中复制的 importedNode。

调用此方法后，importedNode 和 externalNode 是同个对象。

备注： importedNode 的 Node.parentNode 为 null，因为它尚未插入文档树中！

示例

const iframe = document.querySelector("iframe");
const iframeImages = iframe.contentDocument.querySelectorAll("img");
const newParent = document.getElementById("images");

iframeImages.forEach((imgEl) => {
  newParent.appendChild(document.adoptNode(imgEl));
});