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

参考此示例

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

text.height()

及

---

如果运气不好，它说的是19px而不是14px，请改为获取文本元素的计算字体大小：

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

font size

表示字体的em正方形大小。应该注意的是，虽然大多数图示符将停留在em正方形的边界内，但有些可能会超过这些边界。不过，这通常不会发生在垂直维度上

---

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

检查：抱歉，fgokalp：在键入和编辑问题时出错，请参考Andy E Belowtanks向量的答案和小提琴示例，我必须阅读您的链接，但是安迪的答案似乎很简单谢谢你，安迪！这就是我需要的@ettolo:如果文本不可见，您可能需要首先检查jQuery的结果，以确定

高度是否大于0。@ettolo:不，我看到的只是3个空的圆角矩形。（Ubuntu上的Chrome 27和Firefox 19）@ettolo:奇怪。。。当字体大小被继承时，它似乎不起作用（尽管它应该起作用）。如果我通过CSS直接在元素上设置字体大小，它可以工作：。这一定是SVG的东西，因为Firefox和Chrome都表现出相同的行为。谢谢！我试试看
parseInt(window.getComputedStyle(text[0]).fontSize, 10);