如何獲取網頁中元素的溢出寬度

Question

我有兩個這樣的div

<div id="parent" style="width:100px:overflow:hidden;">
    <div id="child"> 
      tooooooooooooooooooooo much content to fit in parent
    </div>
</div>

我正在動態更新子內容並使用jQuery滾動它。 我希望能夠找到孩子有多寬，所以我知道何時停止滾動。 問題是，一旦溢出的內容存在，孩子的實際寬度甚至比屏幕寬（使用當前測試內容似乎大約2500像素）。 元素的邊界（如果其集合）不會擴展到內容的實際寬度，文本溢出可見邊框。

使用jQuerys $('#child').width ， clientWidth ， scrollWidth （thanks bobince）和offsetWidth屬性都是1024px（這是我的監視器的寬度）的最大值。 有沒有人知道如何找出包含溢出的元素內容有多寬？ 如果它有幫助，我正在構建的應用程序將在kiosk類型環境中運行，因此只有Firefox（甚至是夜間版本）解決方案也沒問題。

更新：父作品上的scrollWidth ，我應該仔細閱讀，再次感謝bobince。

Answer 1

document.getElementById('parent').scrollWidth

scrollWidth是一個IE擴展，歷史上支持不如offsetWidth。 但是現在所有的現代桌面瀏覽器都包含它。

Answer 2

使用JQuery，您可以：

$('#parent')[0].scrollWidth