js获取div的高度获取到小数位
时间: 2023-10-16 07:07:18 浏览: 133
js获取div高度的代码
在 JavaScript 中获取元素的高度可以使用 `offsetHeight` 或 `clientHeight` 属性,这些属性返回的都是整数值,表示像素数。如果需要获取小数位,可以使用 `getComputedStyle` 方法获取元素的样式,然后获取其高度值。例如:
HTML 代码:
```html
<div id="myDiv">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, placeat.
</div>
```
JavaScript 代码:
```javascript
var myDiv = document.getElementById("myDiv");
var heightStr = window.getComputedStyle(myDiv).getPropertyValue("height");
var heightNum = parseFloat(heightStr);
console.log(heightNum);
```
在上面的代码中,我们首先获取了 `myDiv` 元素,然后使用 `getComputedStyle` 方法获取其样式对象,再使用 `getPropertyValue` 方法获取高度属性值。由于获取到的高度值带有单位(例如 "100px"),我们使用 `parseFloat` 函数将其转换为浮点数类型,最后打印出来。
阅读全文