javascript - 获取精确宽度元素

Question

我有一个宽度为 80.5px 的元素

在 javascript 中，我有一个脚本来检查元素宽度是多少

document.getElementById("..").clientWidth

但是返回 80 而不是 80.5 有办法解决这个问题吗？

Answer 1

您可以通过使用Element.getBoundingClientRect().width来实现

let box = document.getElementById('box');
let width = box.getBoundingClientRect().width;
console.log(width);

#box { width:80.5px; }

<div id="box">
</div>