JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<p id="test1">$('#test1').css('line-height')<span id="result1"></span></p>
<p>$('#test1')[0].currentStyle.lineHeight<span id="result1IE"></span></p>
<p id="test15">$('#test15').css('line-height')<span id="result15"></span></p>
<p>$('#test15')[0].currentStyle.lineHeight<span id="result15IE"></span></p>

CSS

#test1 {
    line-height: 1;
}
#test15 {
    line-height: 1.5;
}

JavaScript

var $test1 = $("#test1");
var test1 = $test1[0];

console.log('css: ', $test1.css('line-height'));
console.log('currentStyle: ', test1.currentStyle ? test1.currentStyle.lineHeight : "n/a");
    
var $test15 = $("#test15");
var test15 = $test15[0];
console.log('css: ', $test15.css('line-height'));
console.log('currentStyle: ', test15.currentStyle ? test15.currentStyle.lineHeight : "n/a");