HTML DOM offsetTop Propiedad
Objeto de elementoEjemplo
Obtener el offset superior del elemento div:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
Pruébalo »
Definición y uso
offsetTop es una propiedad de solo lectura que devuelve el valor en píxeles del desplazamiento del elemento actual en relación con el borde superior del nodo offsetParent.
El valor devuelto incluye:
- El valor en píxeles del offset superior del elemento, el margen exterior (margin) del elemento.
- El padding superior, el borde (border) y la barra de desplazamiento del elemento offsetParent.
Nota: offsetParentoffsetParent es el elemento posicionado más cercano (en la jerarquía de contención) que contiene al elemento actual, o el elemento más cercano.
Consejo:Para obtener el desplazamiento izquierdo del elemento, usa laoffsetLeftpropiedad.
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| offsetTop | Yes | Yes | Yes | Yes | Yes |
Sintaxis
element.offsetTop
Detalles técnicos
| Valor de retorno: | Devuelve un número entero que representa el desplazamiento superior del elemento, en píxeles (px). |
|---|
Más ejemplos
Ejemplo
Obtener la posición del elemento div:
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
Pruébalo »
Otras extensiones