获取offsetLeft不准的问题
弹出来的结果是15但实际明显不是15啊 这个15应该是没有算进去left这个div吧 为什么会常出现这种情况呢 大家可以试一下 这个是bootstrap样式引起的吗 那么怎么获取准确的offsetLeft值呢
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="bootstrap.css" rel="stylesheet">
<style type="text/css">
*{margin:0;padding: 0}
</style>
<script type="text/javascript">
window.onload=function(){
var oFace=document.getElementById('face');
oFace.onclick=function(){
alert(this.offsetLeft);
}
}
</script>
</head>
<body>
<div id="left" class="col-xs-2 col-sm-2 col-md-2 col-lg-3">
</div>
<div id="right" class="col-xs-8 col-sm-8 col-md-8 col-lg-6">
<span id="face">aaa</span>
</div>
</body>
</html>
大话西游666浏览 1232回答 1
1回答
-
慕尼黑8549860
offsetLeft是相对于父元素的，15是right的padding，没什么错啊。如果你是要获取face在页面内的left值，那得用getBoundingClientRect().left
随时随地看视频慕课网APP
相关分类
JavaScript