网络API | DOMRect 右属性

在 Web API 中有一个DOMRect接口，它有一个属性权限，它赋予我们 DOMRect 对象的权限。它返回x + 宽度坐标值，或者如果宽度为负则返回x 。

句法：

var recX = DOMRect.right;

退货类型：

Double value

示例 1：当宽度为正时

  

    
        DOMRect right property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect right property
        
          Get right
      
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：当宽度为负数时

  

  
    
        DOMRect right property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect right property
        
          Get right
      
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

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

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