HTML DOM importNode() 方法

HTML DOM Document对象

importNode()方法创建另一文档中的节点的副本。

如果将第二个参数设置为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对象