HTML DOM adoptNode() Method

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.

Syntax:

document.adoptNode(node)

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.

Example:

HTML

<!DOCTYPE html>
<html>

<body>
    <h1>
        <center>Geeks
            <button onclick="adopt()">Press</button>
        </center>
    </h1>

    <h4>Clicking on the 'Press' button
        will showcase adopt() method</h4>

    <p id="gfg">

        <iframe src=
"https://www.geeksforgeeks.org/community/"
        </iframe>

    </p>


    <script>
        function adopt() {
            let frame =
                document.getElementsByTagName(
                    "iframe")[0];

            let h =
                frame.contentWindow.document.getElementsByTagName(
                    "button")[0];

            // 'h' is button type adopted node.
            let x = document.adoptNode(h);
            document.body.appendChild(x);
        }
    </script>

</body>

</html>

Note: All child nodes are adopted.

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

HTML DOM adoptNode() Method

Explore