HTML | Dueño del DOMPropiedad del documento

La propiedad ownDocument devuelve el objeto de documento de nivel superior del Node. Aquí, el documento propietario del Node se devuelve como el objeto del documento. Es una propiedad de sólo lectura.

Sintaxis:

node.ownerDocument;

Propiedades:

Propiedad nodeName: Devuelve el nombre del Node especificado. Si el Node es un Node de elemento, devolverá el nombre de la etiqueta; de lo contrario, si el Node es un Node de atributo, devolverá el nombre del atributo; de lo contrario, para diferentes tipos de Nodes, se devolverán nombres diferentes.

sintaxis:

node.ownerDocument.nodeName;

Valor devuelto: el documento propietario del Node se devuelve como objeto de documento.

Ejemplo 1: Mostrar la propiedad 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>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Propiedad nodeType: Devuelve el tipo de Node, en forma de número, del Node especificado.
Por ejemplo: se devuelve 1 para un Node de elemento y
2 para un Node de atributo.

sintaxis:

node.ownerDocument.nodeType;

Valor devuelto: el documento propietario del Node se devuelve como objeto de documento.

Ejemplo-2: Mostrando la propiedad 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>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Compatibilidad con navegadores: los navegadores compatibles con la propiedad DOM ownDocument se enumeran a continuación:

Google Chrome 1 y superior
Borde 12 y superior
Internet Explorer 6 y superior
Firefox 9 y superior
Ópera 12.1 y superior
Safari 1 y superior

Publicación traducida automáticamente

Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta