HTML | Propiedad DOM offsetTop

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *