网络API | DOMRect 顶部属性

在 Web API 中有一个DOMRect接口，它有一个属性top ，它为我们提供了 DOMRect 对象的顶部。它返回y坐标值，或者如果高度为负，则返回y + height 。

句法：

var recX = DOMRect.top;

退货类型：

Double value

示例 1：当高度为正时

  

  
    
        DOMRect top property
    
  

  

    
  
         
        GeeksForGeeks 
        
  
        DOMRect top property
        
          Get top
      
        
    
  

  

    function getDOMRect() {
        var myDOMRect = new DOMRect(0, 0, 100, 100);
        var rectop = myDOMRect.top;
  
        document.getElementById(
          'DOMRect').innerHTML = rectop;
  
    }

  

输出：
点击按钮前：

点击按钮后：

示例 2：当高度为负数时

  

  
    
        DOMRect top property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect top property
        
          Get top
      
        
    
  

  

    function getDOMRect() {
        var myDOMRect = new DOMRect(0, 0, 100, -100);
        var rectop = myDOMRect.top;
  
        document.getElementById('DOMRect').innerHTML = rectop;
  
    }

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOMRect top 属性支持的浏览器如下：

• 谷歌浏览器
• Safari 10.1
• 火狐
• 歌剧