JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">Sample text<br/>Sample text</div>
<div id="b">Sample text<br/>Sample text</div>
<div id="c">Sample text<br/>Sample text</div>

<div id="log" style="background:red"></div>

CSS

#b{
    display:none;
}
#c{
    display:none !important;
}

JavaScript

$('#log').append('JQuery<br/>');
$('#log').append($('#a').height());
$('#log').append('<br/>');

$('#log').append($('#b').height());
$('#log').append('<br/>');

$('#log').append($('#c').height());
$('#log').append('<br/>');
$('#log').append('<br/>');

$('#log').append('Plain JS offsetHeight<br/>');
$('#log').append(document.getElementById('a').offsetHeight);
$('#log').append('<br/>');

$('#log').append(document.getElementById('b').offsetHeight);
$('#log').append('<br/>');

$('#log').append(document.getElementById('c').offsetHeight);