このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
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() は、ノードを他の文書からメソッドの文書へ移譲します。取り込まれたノードおよびそのサブツリーは(もしあれば)元の文書から削除され、ownerDocument が現在の文書に変更されます。その後、ノードを現在の文書に挿入することができます。
In this article
構文
js
adoptNode(externalNode)引数
externalNode他の文書から移譲されるノードです。
返値
インポートする文書のスコープ内にコピーされたimportedNode です。
このメソッドを呼び出した後、importedNode およびexternalNode は同じオブジェクトになります。
メモ:importedNode のNode.parentNode は、まだ文書ツリーに挿入されていないのでnull です。
例
js
const iframe = document.querySelector("iframe");const iframeImages = iframe.contentDocument.querySelectorAll("img");const newParent = document.getElementById("images");iframeImages.forEach((imgEl) => { newParent.appendChild(document.adoptNode(imgEl));});メモ
外部の文書のノードを現在の文書に挿入できるようにするには、次のいずれかを実行してください。
document.importNode()を使用して複製するdocument.adoptNode()を使用して移譲する
Node.ownerDocument の問題についての詳細は、W3C DOM FAQ を参照してください。
仕様書
| Specification |
|---|
| DOM> # ref-for-dom-document-adoptnode①> |