如何在没有“.css('lineHeight');”的情况下使用 Jquery 获取文本中行的大小和“.css（字体大小）；”？答案

【问题标题】：How to get the size of a row in a text with Jquery without ".css('lineHeight');" and ".css(font-size);"?如何在没有“.css('lineHeight');”的情况下使用 Jquery 获取文本中行的大小和“.css（字体大小）；”？
【发布时间】：2013-06-22 11:23:06
【问题描述】：

您好，我在使用 javascript 开发三星智能电视 SDK 时遇到问题（我在大部分代码中使用 JQuery）。我需要在 div 中获取行的大小，但在 Samsung TV 2011 中

$('#element').css('font-size')

和

$('#element').css('line-height')

不起作用（这是 2011 年的软件问题，因为 2012 年和 2013 年正常工作）。任何人都知道如何在没有这两种方法的情况下在 Jquery 或 javascript 中获取行的大小？

提前致谢。

【问题讨论】：

当您说row 时，您所说的实际元素是什么？
你可以试试 offsetHeight: document.getElementById("element").offsetHeight

标签： javascript jquery height line font-size

【解决方案1】：

试试outerHeight():

var height = $('#element').outerHeight();

或者你正在寻找 innerHeight():

var height = $('#element').innerHeight();

【讨论】：

$('#element').outerHeight(true) 在计算中包含元素的边距。
@Joe ya 但我认为 OP 不想包含它
我想我会把它发布给任何可能受益的人。 :)
我不需要元素的高度，我需要元素的行高值。

【解决方案2】：

如果你真的想返回行高，使用这个...

function getStyle(el,styleProp)
{
    var x = document.getElementById(el);
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}

然后像...一样使用它

getStyle('#test', 'line-height' )

从这里...JavaScript: Find DIV's line-height, not CSS property but actual line-height

【讨论】：

非常感谢！我整天都被这个困住了！