Propriedade offsetTop do HTML DOM

Objeto Elemento do HTML DOM

offsetTopÉ uma propriedade de leitura apenas, que retorna a distância do elemento atual em relação ao recheio superior interno do elemento offsetParent.

O valor retornado inclui:

• Posição superior e margem do elemento

• Recheio superior, barra de rolagem e borda do elemento offsetParent

Nota:EsteoffsetParentO elemento é o pai mais próximo, cuja posição não é estática.

Para retornar a posição esquerda do elemento, useoffsetLeftPropriedade.

Sintaxe:

element.offsetTop

var　myBox　=　document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetTop;

Compatibilidade do Navegador

Todos os navegadores suportam completamente a propriedade offsetTop:

Detalhes Técnicos

Mais Exemplos

Retornar a Localização do Elemento DIV:

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

Referências Relacionadas

Referência do HTML DOM:Propriedade offsetHeight

Referência do HTML DOM:Propriedade offsetWidth

Referência do HTML DOM:Propriedade offsetLeft

Referência do HTML DOM:Propriedade offsetParent

Objeto Elemento do HTML DOM