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