Javascript：獲取子元素的寬度

Question

我有兩個堆疊的div。

外部div具有隱藏溢出的固定寬度。

內部div的內容總數可以大於outher div。

如何獲取內部div的內容的總寬度？

<div id='outer' style='width:100px'> 
    <div id='inner'> 
     content 
    </div> 
</div> 

當我嘗試$（「＃內部」）。寬度（）和內容比外時，它會返回外層div的寬度。

我正在使用Chrome。

http://jsfiddle.net/4syEJ/

Answer 1

你可以得到母公司，這將返回你想要什麼樣的.scrollWidth。

document.getElementById('outer').scrollWidth

http://jsfiddle.net/4syEJ/3/

Answer 2

嘗試：

<div id="outer" style="width:100px"> 
    <div id="inner"> 
     <p id="content">content</p> 
    </div> 
</div> 

而且

$('#content').width(); 

Answer 3

可以使用.children() jQuery選擇這樣的：

$('#info').html($('#box1').children().width(); 
$('#box2').children().width(); 
$('#box3').width()); 

http://jsfiddle.net/4syEJ/2/