javascript - Javascript: 子要素の幅を取得する

Question

私は2つの積み重ねられたdivを持っています。

外側の div は固定幅で、オーバーフローは非表示になっています。

内側の div には、合計で外側の div よりも大きくなるコンテンツがあります。

内部 div のコンテンツの合計幅を取得するにはどうすればよいですか?

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

$('#inner').width()を試してみると、コンテンツが外側より大きい場合、外側の div の幅が返されます。

私はクロムを使用しています。

score 4 · Accepted Answer

.scrollWidth必要なものを返す親のを取得できます。

document.getElementById('outer').scrollWidth

score 1 · Accepted Answer

.children()次のように jquery セレクターを使用できます。

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

score 1 · Accepted Answer

試す：

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

と

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

3 に答える 3