javascript - 我想用 jquery 或 javascript 获取元素的高度

Question

我有一个高度根据按钮而变化的横幅，我不确定这是否是糟糕的设计没有具体的东西但高度设置为自动。我想获得这个高度，以便我可以根据这个横幅的高度确定其他尺寸。

我尝试了以下但提示为空

<script type="text/javascript">
function getBannerHeight() {
var height = $('#banner').height();
alert(height);
}
getBannerHeight();
</script>

我正在查看 jquery 的 .height 文档，我将其视为示例:

$( "#getp" ).click(function() {
  showHeight( "paragraph", $( "p" ).height() );
});

那么这是一个符号问题吗？ 我提到 javascript 是因为任何选项都可以，无论哪个有效。

-- 更新--

我想这是一种有缺陷的设计方式。我们的想法是采用最终的横幅高度，该高度会因内部按钮的不同而有所不同，然后从总窗口高度中减去它作为其他尺寸的基础。为此，横幅或任何其他元素都将存在，并且必须计算尺寸然后分配以在屏幕上创建...呃

无论如何，我的问题已经得到解答，谢谢。

Answer 1

试试这个:

<script type="text/javascript">
$(function(){ 
    function getBannerHeight() {
         var height = $('#banner').height();
         alert(height);
    }
    getBannerHeight();
});
</script>

如果您的 jQuery 库尚未加载，请尝试以下操作。

<script type="text/javascript">
 window.onload = function() { 
    function getBannerHeight() {
         var height = $('#banner').height();
         alert(height);
    }
    getBannerHeight();
}
</script>