javascript - Javascript：获取子元素的宽度

Question

我有两个堆叠的 div。

外部 div 具有固定宽度，并且隐藏了溢出。

内部 div 的内容总共可以大于外部 div。

如何获得内部 div 内容的总宽度？

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

当我尝试$('#inner').width()并且内容大于外部时，它将返回外部 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/