高手，大神们进啊，怎么用JS取这个DIV的高度

.aa{width:200px; height:300px; display:none}
<div id="o" class="aa">内容</div>以上内容如果没有display:none 能取到高度，
如果有就不行，求高手指点，用js取得o 的高度,我试好多办法都没有解决，。。小弟先谢谢了

解决方案 »

  1.   

    隐藏的啊？？？这个好像不能把  至少我不会  但是用jqeury可以
      

  2.   

    是啊，jquery可以，感觉js一定有方法，我也没有找到，等待大神高手们解决.....
      

  3.   


    <!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>
    我是这么想的。。把它设为显示。。把它的高度获取之后再把它隐藏。。参考上面
      

  4.   

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