Propriedade offsetLeft do elemento
❮ O Objeto ElementoExemplo
Obtenha a posição offsetLeft de um elemento <div>:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
Definição e uso
A propriedade offsetLeft retorna a posição esquerda (em pixels) em relação ao lado esquerdo do elemento offsetParent.
O valor retornado inclui:
- a posição esquerda e a margem do elemento
- o preenchimento esquerdo, barra de rolagem e borda do elemento offsetParent
Nota: O elemento offsetParent é o ancestral mais próximo que tem uma posição diferente de estática.
Dica: Para retornar a posição superior de um elemento, use a propriedade offsetTop .
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
offsetLeft | Yes | 8.0 | Yes | Yes | Yes |
Sintaxe
Retorne a posição de deslocamento à esquerda:
object.offsetLeft
Detalhes técnicos
Valor padrão: | sem valor padrão |
---|---|
Valor de retorno: | Um Número, representando a posição esquerda do elemento, em pixels |
Versão DOM: | CSSOM |
Mais exemplos
Exemplo
Obtenha a posição de um elemento <div>:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
❮ O Objeto Elemento