javascript - 获取真实的内容大小

Question

我想知道是否可以在 javascript/jQuery 中获取内容(而不是 div )的大小。因此，如果框的高度为 200px，但只有一行文本，则内容大小约为 12px。

感谢您的帮助

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/