如何获取隐藏溢出元素的宽度？

Question

我有一个带有span元素的按钮元素，我需要能够获得跨度的实际宽度。

<button id="button"><span>text that is longer than the button width</span></button> 

无的我曾尝试都示出了真实宽度的方法（这是的jsfiddle例如为约233px - 这可以通过简单地移除溢出已经看出：从跨度隐藏的CSS属性）：

https://jsfiddle.net/teatnmza/

Answer 1

的实际宽跨度的是一样的按钮，因为你已经隐藏任何溢出。

我认为你需要，你需要获得跨度的滚动宽度，实际上就快成功了：

$("button span")[0].scrollWidth 

Answer 2

用途：

$("button span")[0].scrollWidth // returns 231 

见updated fiddle

编辑：没有看到乔治得到了第一，所以学分必须去他。