获取真正的内容大小

我想知道是否有可能在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/

Answer 2

如果您引用的是字体大小，可以使用以下方法进行检查：

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

演示 。