API web | Propiedad de ancho DOMRect

En Web API hay una interfaz DOMRectReadOnly que tiene un ancho de propiedad que nos da el ancho del objeto DOMRect.

Sintaxis:

var recX = DOMRect.width;

Tipo de devolución:

Double value

Ejemplo: obtener el ancho del objeto DOMRect creado.

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