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