javascript - 无需 jQuery 即可获得 innerWidth() 等效项

Question

我目前正在努力从我编写的一些代码中消除 jQuery，并且我有一部分代码正在计算某些 span 的内部和外部宽度元素。似乎 .getBoundingClientRect() 可以很好地获取元素的外部宽度，但我在获取内部宽度方面有点困难。 (即元素的宽度没有填充和边框。)

我使用 d3 来创建跨度，我需要计算它们的内部宽度，以便我可以有效地设置其他一些元素的宽度，以使它们对齐。有没有一种好的方法可以获取 div 的内部宽度，而无需手动检查和减去可能影响它的各种 .css 属性？

Answer 1

不确定这有多稳定，但似乎有效的方法是使用 window.getCompulatedStyle(element).width。

计算出的样式为“95px”，其中 95 是内部宽度(以像素为单位)。我使用 parseInt(window.getCompulatedStyle(element).width) 来获取元素的内部宽度作为数字。