HTML DOM ownerDocument用法及代碼示例

ownerDocument屬性返回節點的頂級文檔對象。在此，節點的所有者文檔作為文檔對象返回。這是一個隻讀屬性。

用法:

node.ownerDocument;

屬性：

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>

輸出：

在單擊按鈕之前：
單擊按鈕後：

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。