javascript修改样式出问题了

 </script>  
        <script>
        function am(){
var o = document.getElementById("ah");
var h = o.offsetHeight-5;  //高度
var a=document.getElementById('aa');//获得元素
        a.style.height=0;//不写这个也一样
        a.style.height=h+'px';
        };
am();
        </script>

    响应式网站.我想修改video标签的高度,来调整视频窗口大小
    就用js写了一个方法获取它后面那一个框的高度,在添加上去,
    进入页面的时候没问题,但是刷新之后高度就变的很小(火狐浏览器 不 会 出现这种情况)
    js写在页面底部的.   一直找不到哪里出了问题
    求解答

我已经用$(window).resize(function(){})和$(document).ready(function(){})两个函数解决了,虽然不是很完美,但是基本效果达到了

function am(){ var o = document.getElementById("ah"); var h = o.offsetHeight-5; //高度 var a=document.getElementById('aa');//获得元素 a.style.height=0; a.style.height=h+'px'; }; am();

加载时候给默认值试试