javascript - JQueryで要素の幅と高さを計算する方法

Question

クリックしたときに既存の要素の高さと幅を計算するために、このコードを作成しました。これは正しいです？

$('#submit').click(function(){
var width = ddbar.clientWidth;
var height = ddbar.clientHeight;
alert(width);
alert(height);
});

Answer 1

jQuery を使用すると、要素の幅と高さを非常に簡単に取得できます。

見る：

• 。幅（）
• .outerWidth() - パディングとボーダーを含む
• .innerWidth() - パディングを含みますが、ボーダーは含みません
• 。身長（）
• .outerHeight()
• .innerHeight()

これが DOM 要素であると仮定するとdbbar、必要なことは次のとおりです。

    //get height of ddbar
    ddbar.height();

    //get width of ddbar
    ddbar.width();

要件に合わせて、インナー/アウター/などに切り替えます。

これをテストするのは本当に簡単ですか？

Answer 2

どうぞ、

http://jsfiddle.net/qR8Zw/1/

$('#submit').click(function(){
    var width = $('#div').width();
    var height = $('#div').height();
    alert("Width" + width);
    alert("Height" +height);
});

乾杯