Objeto JavaScript

Manual de Referência do JavaScript

Manual de Referência do DOM JS

Objeto History do JavaScript Objeto Elemento DOM HTML

Propriedade offsetLeft do HTML DOM

PropriedadeApenas leitura da propriedade obtém a distância do borda externa esquerda do elemento ao borda interna esquerda do offsetParent (em pixels).

O valor retornado inclui:

A posição esquerda e o margem do elemento
O preenchimento esquerdo do elemento offsetParent, a barra de rolagem e a borda

Nota:EsteoffsetParentOs elementos são a posição mais próxima do pai estático.

Para retornar a posição superior do elemento, useoffsetTopPropriedade.

Sintaxe:

element.offsetLeft

Retornar a Localização do Elemento DIV:

Exemplo
document.getElementById("result").innerHTML = myBox.offsetLeft;

Testar e Verificar‹/›

浏览器兼容性

Compatibilidade do Navegador

Todos os navegadores suportam completamente a propriedade offsetLeft:
Propriedade	offsetLeft	offsetLeft	offsetLeft	offsetLeft	offsetLeft

Sim

Detalhes Técnicos	Valor Retornado:
Um número que representa a posição lateral do elemento, em pixels	Versão DOM:

Modelo de Objetos CSS (CSSOM)

Mais Exemplos

Retornar a Localização do Elemento DIV:

Exemplo
var myBox = document.getElementById("box");
var x = document.getElementById("result");　+　x.innerHTML = "offsetLeft:　"　+　"<br>offsetTop:　"　+　myBox.offsetTop;

Testar e Verificar‹/›

Referências Relacionadas

Referência DOM HTML:Propriedade offsetHeight

Referência DOM HTML:Propriedade offsetWidth

Referência DOM HTML:Propriedade offsetTop

Referência DOM HTML:Propriedade offsetParent

Objeto Elemento DOM HTML

Objeto History do JavaScript Objeto Elemento DOM HTML