月別アーカイブ: 7月 2011

jQuery.css()を使うと、特定要素に現在当たっているスタイルを取得することができます。 そこで、フォントサイズを探ろうとして、 var fontsize = $(‘#target’).css(‘font-size’); としてやるとDOMの構造やブラウザによってばらつきが出てしまいます。 実際の大きさよりもはるかに大きい値が返ることもあります。 なんとかならないかと思案したところ、簡単で計算量も少ない方法を思いつきました。 font-size:1em, line-height:1 の要素をそこに挿入して、要素の高さを計測するという方法です。 コードは以下のようになります。 function getFontSize(target){ var div = $(‘<div style="display:none;font-size:1em;margin:0;padding:0;height:auto;line-height:1;border:0;">&nbsp;</div>’); var size = div.appendTo(target).height(); div.remove(); return size; } display:none;で挿入して、最後にremove()しているので見た目を汚しません。