javascript - 如何获得文本的真实高度？

Question

参考这个例子
http://jsfiddle.net/uzgJX/

结果是包含文本的框的高度（如果您用鼠标选择文本，您可以看到的高度..）wichi 高于文本的实际高度。
有没有办法用 jquery 或纯 js 获得真正的高度？
在我尝试的示例中

text.height()

和

text[0].getBoundingClientRect().height  

没有运气，它说 19px 而不是 14px

Answer 1

font-size取而代之的是为您的文本元素计算：

parseInt(window.getComputedStyle(text[0]).fontSize, 10);

font-size表示字体的 em 正方形的大小。应该注意的是，虽然大多数字形将保持在 em 正方形的范围内，但有些可能会超出这些范围。不过，这通常不会发生在垂直维度上。

试一试：http: //jsfiddle.net/uzgJX/1/。提示：截图并复制到您最喜欢的图像编辑器中，然后选择与文本高度完全一致的像素，并与小提琴中给出的值进行比较。