当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM ownerDocument用法及代码示例


ownerDocument属性返回节点的顶级文档对象。在此,节点的所有者文档作为文档对象返回。这是一个只读属性。

用法:

node.ownerDocument;

属性:


  1. nodeName property:它返回指定节点的名称。如果节点是元素节点,则将返回标签名称,否则,如果节点是属性节点,则将返回属性名称,否则将返回不同的节点类型,并返回不同的名称。

    用法:

    node.ownerDocument.nodeName;

    返回值:节点的所有者文档作为文档对象返回。

    示例1:显示nodeName属性

    <!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>

    输出:

    • 在单击按钮之前:
    • 单击按钮后:
  2. nodeType property:它以数字形式返回指定节点的节点类型。
    例如:为元素节点返回1,并且
    属性节点返回2。

    用法:

    node.ownerDocument.nodeType;

    返回值:节点的所有者文档作为文档对象返回。

    示例2:显示nodeType属性

    <!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>

    输出:

    • 在单击按钮之前:
    • 单击按钮后:

浏览器支持:DOM ownerDocument属性支持的浏览器如下所示:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari


相关用法


注:本文由纯净天空筛选整理自riarawal99大神的英文原创作品 HTML | DOM ownerDocument Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。