HTML DOM Document importNode()
Example
Import the first <h1> element from an iframe (another document):
const frame = document.getElementsById("myFrame");
const h1 = frame.contentWindow.document.getElementsByTagName("H1")[0];
const node = document.importNode(h1, true);
Try it Yourself »
const h1 = frame.contentWindow.document.getElementsByTagName("H1")[0];
const node = document.importNode(h1, true);
Description
The importNode() method imports a node from another document.
With the second parameter set to true, child nodes will also be imported.
Note
The imported node is not removed from the original document.
The imported node is a copy of the original.
See Also:
Syntax
document.importNode(node, deep)
Parameters
Parameter
Description
node
Required.
A node from another document.
Can be type of node.
A node from another document.
Can be type of node.
deep
Required.
false: only the node itself is imported.true: child nodes (descendants) are also imported.
Return Value
Type
Description
Node The imported node.
Browser Support
document.importNode() is a DOM Level 2 (2001) feature.
It is fully supported in all browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 9-11 |