【HTML】フォントの高さを取得する【JavaScript】 #JavaScript

フォントの高さを取得する関数です。
measureTextHeight("24px メイリオ")のようにお使いください。指定フォントの高さをpx単位で返します。

"24px メイリオ"を渡すと36を返します。
"1em メイリオ"を渡すと24を返します。

function measureTextHeight(font) {

    var div = document.createElement('div');
    div.innerHTML = 'M';
    div.style.margin = '0 !important';
    div.style.padding = '0 !important';
    div.style.position = 'absolute !important';
    div.style.left = '-99999px !important';
    div.style.font = font;
    document.body.appendChild(div);
    height = div.offsetHeight;
    document.body.removeChild(div);

    return height;
}