ブラウザ上に表示される文字列の幅を取得する方法

function strWidth(str) {
    $(document.body).append($('<span id="f_strWidth_str_width" style="visibility:hidden;position:absolute;white-space:nowrap;"></span>'));
    var e = $("#f_strWidth_str_width");
    var width = e.text(str).get(0).offsetWidth;
    e.empty();
    return width;
}

参考
http://d.hatena.ne.jp/satosystems/20130827/1377587177