在jQuery中获取除法标记的高度

Get height of a division tag in jQuery

本文关键字：高度 除法 jQuery 获取      更新时间：2023-11-11

我的id为"container"的division标记具有以下样式

<style>
#container {
    background: #000;
    width: 100%;
    height: 100%;
}
</style>

我正在检索高度和宽度如下

var WIDTH = $("#container").width();
var HEIGHT = $("#container").height();

这个高度和宽度是我在WEBGL中设置视图所必需的。

我得到了正确的宽度，但height()返回0。起初，我认为在获得高度和宽度之前，不要用任何数据填充我的division标记，这可能是height()返回0的原因，但如果是这样，我如何获得正确的width()？

如果我用像素设置我的宽度和高度，它们可以很好地工作，但问题是我想在不同的屏幕上查看网页时准确无误。

您应该使用html,body{height: 100%;}，然后它才能工作。否则，您可以将div应用为绝对位置，然后仅起作用。

#container {
background: #000;
width: 100%;
height: 100%;
position: absolute;
}

要放置div所在的位置，请使用div将其包裹起来，并将position应用于relative。

你必须在div中包含或写入一些东西。当div中没有内容时，它怎么能给出div的高度？

试用演示http://jsfiddle.net/T8D7V/

  $(document).ready(function(){
      var w=$('#container').css('width');
      var h=$('#container').css('height');
      alert("  height"+h+"  width"+w);     
   });

我希望你能做到这一点。。。。

是根据包含块的高度计算的。如果未明确指定包含块的高度，则该值将计算为自动。

因此，如果#container的包含块没有显式高度。

#容器的高度将是其内容的高度

如果#container的包含块被显式设置，例如100px

#container的高度将使用值（本例中为100px）进行计算

http://jsfiddle.net/PL595/ i have some example here

mdn：https://developer.mozilla.org/en-US/docs/Web/CSS/height

应该是：

var WIDTH = $("#container").css('width').replace('px','');
var HEIGHT = $("#container").css('height').replace('px','');

或

var WIDTH = document.getElementById('container').offsetWidth;
var HEIGHT = document.getElementById('container').offsetHeight;
相关文章：