HTML | DOM importNode() 方法

HTML | DOM importNode() 方法从另一个文档创建一个节点的副本，并将其导入到当前文档中。

句法：

document.importNode(externalNode, [deep])

参数：

• externalNode：我们需要从另一个文档中导入的节点，它可以是任何类型。
• [deep]：如果我们想复制节点及其属性和子节点，我们可以将其值设置为“true”，如果我们只想复制节点及其属性，则可以将其设置为“false” 。如果不指定任何参数，则默认将 deep的值视为“true”。

示例 1：

  

  
    
    
    
    
    Try it
  
    
        function myNode() {
  
            // accessing the iframe using frame variable
            var frame = document.getElementsByTagName("IFRAME")[0]
  
            // here we are accessing the <h1> element from 
            // the document contained inside the iframe.
            var geek = 
                frame.contentWindow.document.getElementsByTagName("H1")[0];
              
            // applying importNode() method adding 
            //imported node to our original document.
            var gfg = document.importNode(geek, true);
            document.body.appendChild(gfg);
        }
    
  

  

输出：
前：

后：

示例 2：

  

  
    
  
    Try it
  
    
        function myImport() {
            var frame = document.getElementsByTagName("IFRAME")[0]
  
            // here we are accessing the <div> element from the document 
            //contained inside the iframe
            var geek = 
                frame.contentWindow.document.getElementsByTagName("DIV")[0];
  
            var gfg = document.importNode(geek, true);
            document.body.appendChild(gfg);
        }
    
  

  

输出：
前：

后：

注意： Internet Explorer 8 及更早版本不支持importNode()方法。

支持的浏览器： HTML|DOM importNode()方法支持的浏览器如下所列。

• 谷歌浏览器
• 互联网探索
• 火狐
• 歌剧
• 苹果浏览器