API web | Propiedad de altura DOMRect

En Web API hay una interfaz DOMRect que tiene una propiedad de altura que nos da la altura del objeto DOMRect.

Sintaxis:

var recX = DOMRect.height;

Tipo de devolución:

Double value

Ejemplo: Obtener la altura del objeto DOMRect creado.

<!DOCTYPE html>
<html>
  
<head>
    <title>DOMRect height property</title>
</head>
  
<body>
    <center>
  
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1>
  
        <h2>DOMRect height property</h2>
        <button onclick="getDOMRect ();">
          Get height
      </button>
        <p id='DOMRect'></p>
    </center>
  
</body>
  
<script type="text/javascript">
    function getDOMRect() {
        var myDOMRect = new DOMRect(0, 0, 100, 100);
        var recheight = myDOMRect.height;
  
        document.getElementById(
          'DOMRect').innerHTML = recheight;
  
    }
</script>
  
</html>

Salida:
Antes de hacer clic en el botón:

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

Navegadores compatibles: los navegadores compatibles con la propiedad de altura DOMRect se enumeran a continuación:

  • Google Chrome
  • Safari 10.1
  • Firefox
  • Ópera

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *