如何獲取隱藏溢出元素的寬度？

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

編輯：沒有看到喬治得到了第一，所以學分必須去他。