JavaScript Element offsetLeft 属性
定义和用法 offsetLeft属性返回相对于offsetParent元素左侧的左侧位置（以像素为单位）。在js中返回值包括： 左侧位置和元素的边距 左侧填充，滚动条和offsetParent元素的边框 注意：该offsetParent元素都是静态以外的位置最近的祖先。 提示：要返回元素的顶部位置，请使用offsetTop属性。
浏览器支持
所有的浏览器都支持offsetLeft属性。
语法
object.offsetLeft
技术细节
返回值： 一个数字，表示元素的左侧位置，以像素为单位 DOM版本 ：CSSOM
实例
获取<div>元素的offsetLeft位置：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf‐8">
<title>xinbiancheng.cn</title>
</head>
<body>
<style>
#test {
left: 100px;
margin: 10px;
padding: 10px;
width: 300px;
position: relative;
}
</style>
<div id="test">
<p>单击按钮以获取测试div的offsetLeft。</p>
<p><button onclick="myFunction()">点击</button></p>
<p>offsetLeft is: <span id="demo"></span></p>
</div>
<script>
function myFunction() {
var testDiv = document.querySelector("#test");
document.querySelector("#demo").innerHTML = testDiv.offsetLeft;
}
</script>
</body>
</html>
浙公网安备 33010602011771号