javascript - 如何获取未设置宽度的行内元素的精确的宽度？

Question

例如：

td 设置了宽度，span 未设置宽度。

1.使用 $.width() 获取的是整数宽度，$('td').width() 获得的是 218px ，span 为 129px
2.使用 clientWidth ，获取不含边距、boder的宽度，span宽度为 0，td宽度为'218'
3.使用 getComputedStyle，获取最终宽度，精确到小数点，但获取span 宽度为 auto，td为 217.5

问题：

如何获取未设置宽度元素的精确宽度（精确到小数点，以 px单位 显示）？

Answer 1

用getClientBoundingRect()试试

Answer 2

getComputedStyle('原生dom')['width']

Answer 3

<p id="p" style="width:88.88px;"></p>
parseFloat($("#p").attr("style").split('width:')[1])