offsetleft可以计算影响物体位置的所有因素;

除了offsetleft外,还有offsettop用来获取高度;

还有offsetwidth和offsetheight;

 

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
/*#div1 {width:200px;height:200px;background: red;position: absolute;left:200px;
top: 150px;}*/
#div1 {width:200px;height:200px;background: red;position: absolute;left:200px;
top: 150px;margin:20px;} /*不仅可以调用左边距,而且如果有margin也会连margin一起计算的*/
</style>
</head>
<body>
<div id="div1" onclick="alert(this.offsetLeft)"></div> //最大的好处是可以计算影响物体位置的所有因素,然后得出结论
</body>
</html>