Retornar posição x y de um elemento HTML com JavaScript

129d atrás

0 0

É possível retornar a posição de um elemento HTML com o método Element.getBoundingClientRect() do #JavaScript.

Sua chamada pode ser feita da seguinte maneira:

const el = document.querySelector('.position'); // Qualquer elemento HTML

el.getBoundingClientRect();

O método retorna um objeto DOMRect:

{
    bottom: 100, // y + height, ou y se height for negativo
    height: 100, // A altura do elemento
    left: 0, // Coordenada left do elemento, x, ou x + width se width for negativo
    right: 100, // x + width, ou x se width for negativo
    top: 0, // Coordenada top do elemento, y, ou y + height se height for negativo 
    width: 100, // A largura do elemento
    x: 0, // Coordenada x do elemento
    y: 0 // Coordenada y do elemento
}


Comentários (0)

0/512
Link