Get line height value in points in JavaScript/jQuery

Asked Oct 31 '16 at 12:44

Active Oct 31 '16 at 12:44

Viewed 687 times

I have a text editor in my web app that outputs HTML, but a long time ago I had to add a separate line-height parameter that would be sent over an API. As long as this was in pixels I was fine (jQuery's css() function), but now I was asked to give the value in points. Since any conversion between pixels and points depends on DPI, this presents some complications—it's possible to dynamically calculate the DPI and convert, but this seems like a bad method with potential for problems.

The only solution I found was to get the direct style string, something like:

parseInt($('#element')[0].style['line-height']);

However, this doesn't work when no line height is defined.

I can probably set a default line height in points based on the font size (this is what I will do if no better way exists) but I feel that this over-complicates things.

Is there a simple and elegant way to get the current line height value in points using JavaScript/jQuery?

asked Oct 31 '16 at 12:44

Ynhockey

3,845
5
33
51

`$('#element')[0].style.lineHeight` to get line height set with style attribute – Mamdouh Saeed Oct 31 '16 at 12:47
@MamdouhFreelancer Why this should make a difference? – Zakaria Acharki Oct 31 '16 at 12:48
Just handle the not defined condition and keep using that line. – Qsprec Oct 31 '16 at 12:49
1

http://stackoverflow.com/questions/4392868/javascript-find-divs-line-height-not-css-property-but-actual-line-height – Eugene Tsakh Oct 31 '16 at 12:49
if lineHeight not set use `getComputedStyle()`, `currentStyle()` – Mamdouh Saeed Oct 31 '16 at 12:52
`getComputedStyle()` is very similar to jQuery's `css()`, which gives the value in pixels only. – Ynhockey Oct 31 '16 at 13:48

Get line height value in points in JavaScript/jQuery

0 Answers0