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