La propiedad DOM offsetTop se usa para devolver la posición superior que es relativa a la parte superior del elemento offsetParent.
Sintaxis:
object.offsetTop
Valor devuelto:
- Un número en unidades de píxel representa la posición superior del elemento.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
#offsetdiv {
top: 80px;
margin: 20px;
padding: 10px;
width: 350px;
position: absolute;
border: 5px solid green
}
</style>
</head>
<body>
<h3>Geeks for Geeks</h3>
<h3>HTML DOM offsetTop property</h3>
<div id="offsetdiv">
<p>
<button onclick="GFGfunction()">Try it</button>
</p>
<p>offsetTop is: <span id="gfg"></span></p>
</div>
<script>
function GFGfunction() {
var x = document.getElementById("offsetdiv");
document.getElementById("gfg").innerHTML =
offsetdiv.offsetTop;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Internet Explorer 4.0
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ShivamGupta63 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA