轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Element offsetLeft 属性

实例

获取 <div> 元素的左侧偏移量:

var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
亲自试一试 »

定义和用法

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

返回值包括:

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

注释: offsetParent 元素是一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的元素。

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

浏览器支持

属性
offsetLeft Yes 8.0 Yes Yes Yes

语法

返回左偏移位置:

object.offsetLeft

技术细节

默认值: no default value
返回值: 数值，表示元素的左侧位置，以像素为单位
DOM 版本: CSSOM

更多实例

实例

获取 div 元素的位置:

var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
亲自试一试 »