Método HTML DOM getBoundingClientRect()
❮ O Objeto ElementoExemplo
Retorne o tamanho de um elemento e sua posição em relação à viewport:
var rect = obj.getBoundingClientRect();
Definição e uso
O método getBoundingClientRect() retorna o tamanho de um elemento e sua posição em relação à viewport.
Este método retorna um objeto DOMRect com oito propriedades: esquerda, superior, direita, inferior, x, y, largura, altura.
Nota: A quantidade de rolagem que foi feita na área da janela de visualização é levada em consideração ao calcular o retângulo delimitador. Isso significa que as bordas do retângulo (superior, esquerda, inferior e direita) mudam seus valores toda vez que a posição de rolagem muda.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
Sintaxe
element.getBoundingClientRect()
Detalhes técnicos
Versão DOM: | Módulo de Visualização do Modelo de Objeto CSS (CSSOM) |
---|---|
Valor de retorno: | Um objeto DOMRect com oito propriedades: esquerda, superior, direita, inferior, x, y, largura, altura. |
❮ O Objeto Elemento