如何在没有“ .css（'lineHeight'）;”和“ .css（font-size）;”的情况下使用Jquery获取文本中行的大小？

Question

Hi I'm having problems developing with Samsung Smart TV SDK, which use javascript (I'm using JQuery for most part of code). I need to get the size of a row in a div but in Samsung TV 2011 the

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

and

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

doesn't work (it's a software problem about 2011 because in 2012 and 2013 work correctly). Anyone know how to get the size of a row in Jquery or javascript without this two methods?

Thanks in advance.

Answer 1

Try with outerHeight() :

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

Or maybe you are looking for innerHeight():

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

Answer 2

If you actually want to return the line height use this...

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;
}

Then use it like...

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

From here... JavaScript: Find DIV's line-height, not CSS property but actual line-height