Método HTML DOM getBoundingClientRect()
❮ El Objeto ElementoEjemplo
Devuelve el tamaño de un elemento y su posición relativa a la ventana gráfica:
var rect = obj.getBoundingClientRect();
Definición y uso
El método getBoundingClientRect() devuelve el tamaño de un elemento y su posición relativa a la ventana gráfica.
Este método devuelve un objeto DOMRect con ocho propiedades: izquierda, arriba, derecha, abajo, x, y, ancho, alto.
Nota: La cantidad de desplazamiento que se ha realizado en el área de la ventana gráfica se tiene en cuenta al calcular el rectángulo delimitador. Esto significa que los bordes del rectángulo (superior, izquierdo, inferior y derecho) cambian sus valores cada vez que cambia la posición de desplazamiento.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Sintaxis
element.getBoundingClientRect()
Detalles técnicos
Versión DOM: | Módulo de vista del modelo de objetos CSS (CSSOM) |
---|---|
Valor devuelto: | Un objeto DOMRect con ocho propiedades: izquierda, arriba, derecha, abajo, x, y, ancho, alto. |
❮ El Objeto Elemento