MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Document.importNode()

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Crea una copia de un nodo desde un documento externo para ser insertado en el documento actual.

Sintaxis

var node = document.importNode(externalNode, deep);
node
El nuevo nodo importado al documento actual. El parentNode del nuevo nodo es null, ya que aun no ha sido insertado en el arbol del documento.
externalNode
El nodo externo a ser importado
deep
Un booleano que indica si los descendientes del nodo deben ser importados también.

Nota: En la especificación DOM4 (tal y como se ha implementado en Gecko 13.0 (Firefox 13 / Thunderbird 13 / SeaMonkey 2.10)), deep es un argumento opcional. En el caso de ser omitido, adopta el valor de true, por lo que se hace una deep copy por defecto. Para realizar una copia superficial (shallow copy), deep debe ser false.

Este comportamiento ha cambiado en la ultima especificación, por lo que si se omite el parámetro deep, éste adopta el valor false. Aunque aún es opcional, debería ser siempre provisto por razones de compatibilidad. Con Gecko 28.0 (Firefox 28 / Thunderbird 28 / SeaMonkey 2.25 / Firefox OS 1.3), la consola advertia a los desarrolladores de no omitir el argumento. Empezando con Gecko 29.0 (Firefox 29 / Thunderbird 29 / SeaMonkey 2.26)), se realiza una copia superficial (shallow copy) por defecto.

Ejemplo

var iframe = document.getElementsByTagName("iframe")[0];
var oldNode = iframe.contentWindow.document.getElementById("myNode");
var newNode = document.importNode(oldNode, true);
document.getElementById("container").appendChild(newNode);

Notas

El nodo original no se borra del documento. El nodo importado es un clon del original.

Nodes from external documents should be cloned using document.importNode() (or adopted using document.adoptNode()) before they can be inserted into the current document. For more on the Node.ownerDocument issues, see the W3C DOM FAQ.

Firefox doesn't currently enforce this rule (it did for a while during the development of Firefox 3, but too many sites break when this rule is enforced). We encourage Web developers to fix their code to follow this rule for improved future compatibility.

Especificaciones

Specification Status Comment
DOM
The definition of 'document.importNode()' in that specification.
Living Standard  
Document Object Model (DOM) Level 2 Core Specification
The definition of 'document.importNode()' in that specification.
Recommendation Initial definition

Compatibilidad navegadores

        
Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
DOM 2 version (Yes) (Yes) 1.0 (1.7 or earlier) 9.0 9.0 (Yes)
DOM 4 version
(deep optional)
(Yes) No support 10 (10) No support No support Nightly build
     
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
DOM 2 version ? (Yes) 1.0 (1) ? ? ?
DOM 4 version
(deep optional)
? No support 10.0 (10) ? ? ?

See also

Etiquetas y colaboradores del documento

 Colaboradores en esta página: AsLogd
 Última actualización por: AsLogd,