网络API | DOMRect 底部属性

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

句法：

var recX = DOMRect.bottom;

返回类型：

Double value

示例 1：当高度为正时

  

  
    
        DOMRect bottom property
    
  

  

    
  
         
        GeeksForGeeks 
    
  
        DOMRect bottom property
        
          Get bottom
      
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：当高度为负数时

  

  
    
        DOMRect bottom property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect bottom property
        Get bottom
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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