How do I find the height of a div, without height style in jquery?

Question

var div = document.querySelector('#ma_div');
console.log(div.offsetHeight);
console.log(div.getBoundingClientRect().height);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id"ma_div">
<span> bla bla bla bla</span>

</div>

I would like to get the height in real time of a div. Inside my div I have no height from the css.

I would like to know the height of my div, both on computer and telephone.

In this div I have a long text.

<div "ma_div">
<span>bla bla bla bla bla</span>
</div>

var div = document.querySelector('#ma_div');
console.log(div.offsetHeight);
console.log(div.getBoundingClientRect().height);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <div  id="ma_div">
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
<span> bla bla bla bla</span>
</div>