网络API | DOMRect 左属性

在 Web API 中有一个DOMRect接口，它有一个left属性，它为我们提供了 DOMRect 对象的左侧。它返回x坐标值，或者如果宽度为负，则返回x + width 。

句法：

var recX = DOMRect.left;

退货类型：

Double value

示例 1：当宽度为正时

  

  
    
        DOMRect left property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect left property
        
          Get left
      
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：当宽度为负数时

  

  
    
        DOMRect left property
    
  

  

    
  
         
                GeeksForGeeks 
            
  
        DOMRect left property
        
          Get left
      
        
    
  

  

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

  

输出：
点击按钮前：

点击按钮后：

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

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