js获取元素属性精度问题
最近在处理元素高度时遇见一个问题,使用element.offsetHeight获取的高度与元素真实高度不一致,后来查询文档才知道offsetHeight等属性返回整数也就是说会四舍五入
如果要获取精确的属性值可以使用以下解决方案
# 方法一
使用Window.getComputedStyle(),该方法返回一个包含所有可计算的css属性包括伪元素属性
window.getComputedStyle(element, [pseudoElement])
1

# 方法二
使用getBoundingClientRect,该方法会返回元素大小以及对应视口位置
element.getBoundingClientRect()
1

上次更新: 2025/09/05, 8:09:00