English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM importNode() メソッド

HTML DOM Documentオブジェクト

importNode()メソッドは、別のドキュメント内のノードのコピーを作成します。

第2引数をtrueに設定すると、インポートされたノードの子ノード(後裔)もインポートされます。

インポートされたノードがまだドキュメントツリーに含まれていない場合、それを含めるために、以下のような挿入メソッドを呼び出す必要があります。element.appendChild()またはelement.insertBefore()現在のドキュメントツリー内のノードと

およびdocument.adoptNode()異なる点は、元のノードが元のドキュメントから削除されません。

あなたも、以下のように使用できますelement.cloneNode()現在のドキュメントからノードをコピーし、削除しません。

文法:

document.importNode(externalNode, deep)
var iframe = document.querySelector('iframe');
var iframeImages = iframe.contentDocument.querySelectorAll('h2');
var newParent = document.getElementById('result');
iframeImages.forEach(function(elem) {
newParent.appendChild(document.importNode(elem, true));
});
テストして見て‹/›

ブラウザの互換性

すべてのブラウザがimportNode()メソッドを完全にサポートしています:

メソッド
importNode()

パラメータの値

パラメータ説明
externalNode他のドキュメントからインポートされたノード
deep一つの布尔値、インポートexternalNodeの全体のDOM子ツリー:
  • インポートdeep設定trueならば、コピーexternalNodeおよびその全ての後裔

  • インポートdeep設定false、ならば、インポートexternalNode

技術的詳細

返却値:インポートされたノードを表すNodeオブジェクト
DOMバージョン:DOM 2階

HTML DOM Documentオブジェクト