我想知道 .mydiv 距离主体顶部有多远，为此我使用了代码 getBoundingClientRect() 但它不起作用，这是我的代码：
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Elemet.GetBoundingClientRect();</h1>
<div class="myDiv">blah balh balh</div>
<script type="text/javascript">
var div = document.querySelector(".myDiv");
var rect = div.getBoundingClientRect();
console.log(rect);
</script>
</body>
</html>`
`DOMRect {x: 0, y: 0, 宽度: 0, 高度: 0, 顶部: 0, …}
底部：0
高度：0
左：0
右：0
顶部：0
宽度：0
x：0
y：0
__proto__: DOMRect`
结果只给了我零个数字
我该如何解决这个问题请帮忙???!
它正在工作。尝试删除CSS并再次测试。
<h1>Elemet.GetBoundingClientRect();</h1>
<div class="myDiv">blah balh balh</div>
<script type="text/javascript">
var div = document.querySelector(".myDiv");
var rect = div.getBoundingClientRect();
console.log(rect);
</script>const 元素 = document.querySelectorAll(
.myDiv请检查浏览器中的控制台，以确保您的网站仅呈现一个元素。