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