HTML | DOM offsetTop 属性

DOM offsetTop属性用于返回相对于 offsetParent 元素顶部的顶部位置。

句法：

object.offsetTop

返回值：

• 以像素为单位的数字表示元素的顶部位置。

例子：

HTML

 

    
        #offsetdiv {
            top: 80px;
            margin: 20px;
            padding: 10px;
            width: 350px;
            position: absolute;
            border: 5px solid green
        }
    

 

    Geeks for Geeks
    HTML DOM offsetTop property
    
 
         

            Try it
        
 
         
offsetTop is: 
 
    
    
        function GFGfunction() {
            var x = document.getElementById("offsetdiv");
            document.getElementById("gfg").innerHTML =
             offsetdiv.offsetTop;
        }
    
 

 

输出：
在点击按钮之前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 浏览器 4.0
• 火狐
• 歌剧
• 苹果浏览器