javascript - パーセンテージとして定義されている場合、div の物理サイズを取得するにはどうすればよいですか?

Question

の高さと幅のプロパティが元々パーセンテージとして定義されている<div>場合、の物理サイズをピクセル単位で収集する方法を探しています。<div>

コード ビハインド (ASP.NET) または JavaScript のいずれかでピクセル サイズを取得する方法を見つける必要があるため、 のサイズをパーセンテージのままにしておくことが不可欠です。

前もって感謝します、

アダム

Answer 1

これを JavaScript で行う方法を次に示します。

jsフィドル

var div = document.getElementById('div-id');
alert(div.offsetWidth);
alert(div.offsetHeight);

ページのサイズが変更されたら、onresize を処理してキャプチャします。

jsフィドル

window.onresize = function () {
    var div = document.getElementById('div-id');
    alert(div.offsetWidth);
    alert(div.offsetHeight);
}

Answer 2

jQuery の 'resize' イベントと width()/height() メソッドを利用できます。次に例を示します。

$('#yourElement').resize(function()
{
    var w = $(this).width();
    var h = $(this).height();

    // Do something with the data
    // ...
});