Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. Web API
  3. Document
  4. adoptNode()

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

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 が現在の文書に変更されます。その後、ノードを現在の文書に挿入することができます。

構文

js
adoptNode(externalNode)

引数

externalNode

他の文書から移譲されるノードです。

返値

インポートする文書のスコープ内にコピーされたimportedNode です。

このメソッドを呼び出した後、importedNode およびexternalNode は同じオブジェクトになります。

メモ:importedNodeNode.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));});

メモ

外部の文書のノードを現在の文書に挿入できるようにするには、次のいずれかを実行してください。

Node.ownerDocument の問題についての詳細は、W3C DOM FAQ を参照してください。

仕様書

Specification
DOM
# ref-for-dom-document-adoptnode①

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp