HTML DOM ownerDocument Property

Last Updated : 13 Jun, 2023

The ownerDocument property returns the top-level document object of the node. Here, the owner document of the node is returned as the document object. It is a read-only property. Syntax:

node.ownerDocument;

Properties:

nodeName property: It returns the name of the specified node. If the node is an element node, it will return the tag name else if the node is an attribute node, it will return the attribute name else for different node types, different names will be returned.
syntax:

node.ownerDocument.nodeName;

Return Value: The owner document of the node, is returned as the document object. Example 1 : Showing nodeName property

html

<!DOCTYPE html>
<html>

<body>

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

    <h4>DOM ownerDocument Property</h4>
    <p>It returns the owner document of the node 
      as document object. Click 'Press' to see the
      node name of this <p1> element.</p>

    <p1 id="PP"></p1>
    <p1 id="p2"></p1>
    <p1 id="pl"></p1>

    <script>
        function node() {

            var x = document.getElementById(
             "PP").ownerDocument.nodeName;
            document.getElementById("p2").innerHTML = 
              "Node name of the owner document "+
              "of this <p1> element  is";

            document.getElementById("pl").innerHTML = x

        }
    </script>

</body>

</html>

Output:

Before clicking on the button:
After clicking on the button:

nodeType property: It returns the node type, as a number, of the specified node. Eg: 1 is returned for an element node and 2 is returned for attribute node.
syntax:

node.ownerDocument.nodeType;

Return Value: The owner document of the node, is returned as the document object. Example-2: Showing nodeType property

html

<!DOCTYPE html>
<html>

<body>

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

    <h4>DOM ownerDocument Property</h4>
    <p>It returns the owner document of the node
      as document object. Click 'Press' to see 
      the node type of this <p1> element.
  </p>

    <p1 id="PP"></p1>
    <p1 id="p2"></p1>
    <p1 id="pl"></p1>

    <script>
        function node() {

            var x = document.getElementById(
              "PP").ownerDocument.nodeType;
          
            document.getElementById("p2").innerHTML = 
              "Node name of the owner document "+
              "of this <p1> element  is";

            document.getElementById("pl").innerHTML = x

        }
    </script>

</body>

</html>