js 获取元素在页面中的位置

美酒没故事°

于 2020-02-21 18:27:38 发布

阅读量1.3k

点赞数

分类专栏：前端原生：JavaScript 文章标签： javascript 前端 vue.js 距离位置

本文链接：https://blog.csdn.net/qq_42618566/article/details/104432442

版权

前端原生：JavaScript 专栏收录该内容

105 篇文章 9 订阅

订阅专栏

js 获取元素在页面中的位置

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
</head>
<style>
	div{
		width: 100px;
		height: 120px;
		background-color: red;
		margin: 193px auto;
	}

</style>

<body>

	<div onclick="test">测试</div>

	<script>
		const div = document.querySelector("div");


		console.log("高度：",div.offsetHeight);
		console.log("宽度：",div.offsetWidth);
		console.log("距左边:",div.offsetLeft);
		console.log("距顶部：",div.offsetTop);

	 
	 
	</script>



</body>

</html>