HTML | Método DOM importNode()

El HTML | El método DOM importNode() crea una copia de un Node de otro documento y lo importa al documento actual. 

Sintaxis: 

document.importNode(externalNode, [deep])

Parámetros:

  • externalNode: Node que necesitamos importar de otro documento, puede ser de cualquier tipo.
  • [profundo]: podemos establecer su valor en «verdadero» si queremos copiar el Node junto con sus atributos y Nodes secundarios y «falso» si queremos copiar el Node y sus atributos solamente. Si no especificamos ningún argumento, entonces el valor de profundo se toma como «verdadero» por defecto.

Ejemplo 1: 

html

<!DOCTYPE html>
<html>
 
<body>
 
    <!-- iframe is used to create a new frame inside
     our current document and merge another document into it-->
    <!-- you can put your own source in iframe src -->
    <iframe src="D:\Normalize() Method\Normalize.html"
            style="height:380px;width:520px;"></iframe>
   
    <button onclick="myNode()">Try it</button>
 
    <script>
        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);
        }
    </script>
 
</body>
 
</html>

Producción: 

Antes:

  

Después:

  

Ejemplo-2: 

html

<!DOCTYPE html>
<html>
 
<body>
 
    <iframe src="D:\HTML nodeClone().html"
            style="height:380px;width:520px;"></iframe>
 
    <button onclick="myImport()">Try it</button>
 
    <script>
        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);
        }
    </script>
 
</body>
 
</html>

Producción: 

Antes:

 

Después:

  

Nota: Internet Explorer 8 y versiones anteriores no admiten el método importNode()

Navegadores compatibles: los navegadores compatibles con el método HTML|DOM importNode() se enumeran a continuación.

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Internet Explore 9 y superior
  • Firefox 1 y superior
  • Ópera 9 y superior
  • Safari 1 y superior

Publicación traducida automáticamente

Artículo escrito por Abhishek7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *