Document.importNode()
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 esnull
, 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 |
---|
DOM Standard # ref-for-dom-document-importnode① |
Compatibilidad del Navegador
BCD tables only load in the browser