Получите истинный размер контента

Question

Мне интересно, возможно ли получить размер содержимого (не div) в javascript / jQuery.Таким образом, если высота блока составляет 200 пикселей, а текст содержит только одну строку, размер содержимого будет около 12 пикселей.

Спасибо за вашу помощь

Answer 1

Вы можете создать диапазон текстового содержимого элемента и использовать свойства диапазона:

/**
  * @param object o DOMElement
  * @return int|null boundingHeight
  **/
function fx(o)
{
  if(document.createRange)
  {
    var r = document.createRange();
        r.selectNodeContents(o);
    return r.getBoundingClientRect().height;
  }
  else
  {
    var r = document.body.createTextRange();
        r.moveToElementText(o)
    return r.boundingHeight;
  }
  return null;
}

http://jsfiddle.net/doktormolle/wArMN/

Answer 2

Если вы ссылаетесь на размер шрифта, вы можете проверить его следующим образом:

$('div').click(function()
{
    alert($(this).css('font-size'));
});

Демо .