高手，大神们进啊如何用JS取这个DIV的高度 _JavaScript

高手，大神们进啊，怎么用JS取这个DIV的高度
.aa{width:200px; height:300px; display:none}
<div id="o" class="aa">内容</div>

以上内容如果没有display:none 能取到高度，
如果有就不行，求高手指点，用js取得o 的高度,我试好多办法都没有解决，。。。。。小弟先谢谢了

------解决方案--------------------
所以js肯定也有方法取得这个的高度。知识我确实不会
------解决方案--------------------
这个问题我也没解决！
------解决方案--------------------

HTML code


<!DOCTYPE html>
<html>
<head>
    <style>
        .aa
        {
            width: 200px;
            height: 300px;
          
            
        }
    </style>
    <script>
        var val;
        function s() {
            val = document.getElementById('h').offsetHeight;
            document.getElementById('h').style.display = 'none';
         }
        function test() {
            alert(val);
        }
    </script>
   
</head>
<body onload='s()'>
    <div id="h" class="aa">
        内容</div>

         <input type='button' id='aa' value='check' onclick='test()'/>
</body>
</html>

------解决方案--------------------
display:none是吧这个元素搞没了，所以就宽和高都是0，要是想要它的高度，直接获取他的style属性值取出其中高度不就行了