offset讲解

最新推荐文章于 2024-04-16 11:00:00 发布

林剑南

最新推荐文章于 2024-04-16 11:00:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js案例文章标签： offset讲解

本文链接：https://blog.youkuaiyun.com/u014414110/article/details/88943577

js案例专栏收录该内容

35 篇文章

订阅专栏

<body>
		<div id="dv">
			
			<div id="dv1"></div>
		</div>
		
		<input type="button" value="显示效果" id="btn" />
	</body>
	<script>
		function mm(id){
			return document.getElementById(id);
		}
		/*
		 * 没有脱离文档流
		 * 	offsetLeft：父级元素（margin+padding+border）+自己的margin
		 */
		
		/*
		 * 脱离文档流
		 * 	offsetLeft：自己的width+自己的margin
		 */
		mm("btn").function(){
			
			console.log(mm("dv1").offsetWidth)
		}
		
		
	</script>