js获取一个盒子距离顶部的高度

可以使用JavaScript中的`offsetTop`属性来获取一个盒子距离顶部的高度，具体代码如下：

var box = document.getElementById("box"); // 获取id为box的元素
var topHeight = box.offsetTop; // 获取盒子距离顶部的高度
console.log(topHeight); // 打印盒子距离顶部的高度

其中，`offsetTop`属性返回的是一个元素相对于其offsetParent元素的顶部内边距的距离。如果一个元素的offsetParent为null，则其offsetTop值相对于document文档的顶部。

相关问题

JS判断一个盒子距离上层盒子的距离

以下是JS判断一个盒子距离上层盒子的距离的方法：

// 获取盒子元素
var box = document.querySelector('.small');

// 判断盒子距离上层盒子的距离
var distance = 0;
while (box.offsetParent) {
  distance += box.offsetTop;
  box = box.offsetParent;
}
console.log(distance);

上述代码中，首先通过`document.querySelector()`方法获取到需要判断距离的盒子元素，然后使用`while`循环不断获取该盒子元素的`offsetTop`属性，并将其加上该盒子元素的父元素的`offsetTop`属性，直到该盒子元素的`offsetParent`属性为`null`，即该盒子元素已经到达了根节点。最后输出该盒子距离上层盒子的距离。

uniapp获取一个盒子的高度

可以使用uni.createSelectorQuery()方法获取盒子的高度，示例代码如下：

uni.createSelectorQuery().select('#box').boundingClientRect(function(rect){
    console.log(rect.height); // 获取盒子的高度
}).exec();

其中，`#box`为需要获取高度的盒子的CSS选择器。这段代码会返回一个`Rect`对象，其中包含了盒子的宽高、位置等信息。通过访问`height`属性即可获取盒子的高度。