How to get the size of a row in a text with Jquery without ".css('lineHeight');" and ".css(font-size);"?

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.

When you say a `row`, what is the actual element that you're talking about? — Adam Merrifield, Jun 25 '13 at 15:16
You can try offsetHeight: document.getElementById("element").offsetHeight — Piotr Uchman, Jun 25 '13 at 15:20

score 2 · Answer 1 · answered Jun 25 '13 at 15:20

2

Try with outerHeight():

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

Or maybe you are looking for innerHeight():

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

answered Jun 25 '13 at 15:20

A. Wolff

74,033
9
94
155

`$('#element').outerHeight(true)` to include the element's margin in the calculation. – Joe Jun 25 '13 at 15:27
@Joe ya but i don't think OP wants to include it – A. Wolff Jun 25 '13 at 15:28
I thought I would put it out there for anyone who might benefit. :) – Joe Jun 25 '13 at 15:29
I don't need the height of the element, I need the line height value of the element. – Mark Lawrence Jun 25 '13 at 15:37

score 0 · Accepted Answer · edited May 23 '17 at 10:32

0

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

edited May 23 '17 at 10:32

Community

1
1

answered Jun 25 '13 at 15:23

recneps

1,285
5
16
27

Thank you so much! I was stucked with this all day! – Mark Lawrence Jun 25 '13 at 15:37

How to get the size of a row in a text with Jquery without ".css('lineHeight');" and ".css(font-size);"?

2 Answers2