js 获取样式出去padding margin border的高度
时间: 2023-12-02 17:03:18 浏览: 146
js获取div高度的代码
可以通过以下代码获取元素的高度(去掉padding、margin、border):
```javascript
var element = document.getElementById("myElement");
var style = window.getComputedStyle(element);
var height = element.clientHeight -
parseFloat(style.paddingTop) -
parseFloat(style.paddingBottom) -
parseFloat(style.borderTopWidth) -
parseFloat(style.borderBottomWidth) -
parseFloat(style.marginTop) -
parseFloat(style.marginBottom);
```
其中,`clientHeight` 表示元素的高度(包括padding,但不包括border和margin),`window.getComputedStyle(element)` 获取元素的计算样式,`parseFloat()` 方法将样式的值转换为浮点数,然后通过减去padding、border、margin的值得到元素的实际高度。
阅读全文