Skip to content
Related Articles

Related Articles

HTML | DOM adoptNode() Method

Improve Article
Save Article
  • Last Updated : 08 Jul, 2022
Improve Article
Save Article

This DOM adoptNode() method is used to adopt a node from another document. All node types can be adopted. All child nodes along with the original node can be adopted. AdoptNode() method is used to return node objects.



Parameter Value: DOM adoptNode() method contains only one method described below.  

  • node: Any type of node is required.

Return Value: It returns a node object, representing the adopted node.



<!DOCTYPE html>
<button onclick="adopt()">Press</button>
</center> </h1>
        <h4>Clicking on the 'Press' button
will showcase adopt() method</h4>
    <p id="gfg">
        function adopt() {
            var frame =
            var h =
            // 'h' is button type adopted node.
            var x = document.adoptNode(h);

Before pressing the button: 

After pressing the button: 

Note: All child nodes are adopted.

Browser Support: The browsers support by DOM adoptNode() method are listed below:  

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 9
  • Firefox 1
  • Opera 12.1
  • Safari 3


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!