js 获取元素高度包括内边距和外边距
时间: 2024-05-04 13:16:48 浏览: 143
JavaScript中获取高度和宽度函数总结
要获取元素的高度包括内边距和外边距,可以使用以下代码:
```javascript
var element = document.getElementById("my-element");
var height = element.offsetHeight;
var style = getComputedStyle(element);
height += parseInt(style.marginTop) + parseInt(style.marginBottom);
```
在这个例子中,我们首先获取元素的高度,`offsetHeight` 方法返回元素的高度,包括内边距和边框,但不包括外边距。然后,我们获取元素的计算样式,使用 `getComputedStyle` 方法,这样我们就可以获取元素的外边距。最后,我们将外边距的值转换为数字,并将其添加到元素的高度中,从而得到元素的总高度。
阅读全文