JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM offsetLeft 属性

HTML DOM Element 对象

offsetLeft只读属获取自身左外边框到offsetParent元素的左内边框的距离(以像素为单位)。

返回的值包括：

  • 元素的左侧位置和边距

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

注：该offsetParent元素都是静态以外的位置最近的父级。

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

语法：

element.offsetLeft
var myBox = document.getElementById("box");
document.getElementById("result").innerHTML = myBox.offsetLeft;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持offsetLeft属性：

属性
offsetLeft是是是是是

技术细节

返回值：一个数字，表示元素的左侧位置，以像素为单位
DOM版本：CSS对象模型（CSSOM）

更多实例

返回DIV元素的位置：

var myBox = document.getElementById("box");
var x = document.getElementById("result");
x.innerHTML = "offsetLeft: " + myBox.offsetLeft + "<br>offsetTop: " + myBox.offsetTop;
测试看看‹/›

相关参考

HTML DOM参考：offsetHeight属性

HTML DOM参考：offsetWidth属性

HTML DOM参考：offsetTop属性

HTML DOM参考：offsetParent属性

HTML DOM Element 对象

JavaScript History 对象HTML DOM Element 对象

友情链接： json在线解析 通晓查询 糯晒黄历 姓名打分 风车动漫