Skip to content
Related Articles

Related Articles

HTML | DOM offsetTop Property

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 06 Jul, 2021

The DOM offsetTop property is used to return the top position which is relative to the top of the offsetParent element.



Return Value:  

  • A number in pixel unit represents the top position of element.



<!DOCTYPE html>
        #offsetdiv {
            top: 80px;
            margin: 20px;
            padding: 10px;
            width: 350px;
            position: absolute;
            border: 5px solid green
    <h3>Geeks for Geeks</h3>
    <h3>HTML DOM offsetTop property</h3>
    <div id="offsetdiv">
            <button onclick="GFGfunction()">Try it</button>
<p>offsetTop is: <span id="gfg"></span></p>
        function GFGfunction() {
            var x = document.getElementById("offsetdiv");
            document.getElementById("gfg").innerHTML =

Before clicking on the button: 

After clicking on the button:  

Supported Browsers: 

  • Google Chrome
  • Internet Explorer 4.0
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!