javascript - 100% ズームで DIV のサイズを取得するには?

Question

最新のブラウザーで Web ページがズームアウト/ズームインされている場合、100% ズームで DIV 要素のサイズを確認するにはどうすればよいですか?

編集::ここで別の同様の質問をしましたが、回答がありませんでした。

Answer 1

元のサイズを知っていますか？少なくともIE7+では、ズームレベルと比率を把握できます。

zoomLevel = Math.round((self.document.body.parentElement.offsetWidth / self.document.body.offsetWidth) * 100);

Answer 2

次のように、純粋な JavaScript を使用して幅と高さを取得できます。

// Create an object of the div.
var divElement = document.getElementById('id of div');

// Retrieve the height and width.   
var width = divElement.getAttribute('width');
var height = divElement.getAttribute('height');

jQuery やその他のライブラリを使用して同じことを行うことは可能であり、その方が一般的に高速で簡単です。

Answer 3

jQuery を使用している場合は、$('#div').width()or$('#div').outerWidth()メソッドを使用して非常に簡単に見つけることができます。他の JS ライブラリにも同等のものがあるので、選択したフレームワークのメソッドを知りたいかどうか尋ねてください。