JavaScript Element offsetLeft 属性

• 

  JavaScript Element offsetLeft 属性

  offsetLeft属性返回相对于offsetParent元素左侧的左侧位置（以像素为单位）。返回值包括：

  • 左侧位置和元素的边距
  • 左侧填充，滚动条和offsetParent元素的边框

  注意：该offsetParent元素都是静态以外的位置最近的祖先。

  提示：要返回元素的顶部位置，请使用offsetTop属性。

  实例：

  获取<div>元素的offsetLeft位置：

  var testDiv = document.getElementById("test");
  document.getElementById("demo").innerHTML = testDiv.offsetLeft;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  offsetLeft	8.0+	支持	支持	支持	支持

• 

  语法

  object.offsetLeft
• 

  技术细节

  项目	描述
  默认值	没有默认值
  返回值：	一个数字，表示元素的左侧位置，以像素为单位
  DOM版本	CSSOM

• 

  更多例子

  获取<div>元素的位置：

  var testDiv = document.getElementById("test");
  var demoDiv = document.getElementById("demo");
  demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "
  offsetTop: " + testDiv.offsetTop;
  

  尝试一下