Javascript 如何捕捉DIV的高度'；什么是css属性？例如'；高度'；_Javascript_Jquery

Javascript 如何捕捉DIV的高度'；什么是css属性？例如'；高度'；

javascript jquery

Javascript 如何捕捉DIV的高度'；什么是css属性？例如'；高度'；,javascript,jquery,Javascript,Jquery,如何捕获DIV的css属性的高度？例如“高度”。这是HTML。我正在使用jquery插件height <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <script type='text/javascript' src='http://code.jquery

如何捕获DIV的css属性的高度？例如“高度”。这是HTML。我正在使用jquery插件height

<!doctype html>  
<html lang="en">  
<head>  
<meta charset="utf-8">  
<title>The HTML5 Herald</title>  

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'>     </script>
<script type='text/javascript' src='http://orlandovisitornetwork.com/wp- includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type="text/javascript"></script>

</head>  


<body>  

    <div id="main" class='test'>
    This is just a test
    </div>

<script type="text/javascript">  
window.onload=function()
  {
    var height = $("test").height();

          if (height > 0px)
        {
          alert("DIV Height is" + 'height');
        }
  };
</script>
</body>  
</html>

这就是window.getComputedStyle的作用。就你而言：

var height = window.getComputedStyle(document.getElementById("main")).height

（ID比类名更可靠。如果只有一个类名，则不应使用该类名）

这就是

window.getComputedStyle

的用途。就你而言：

var height = window.getComputedStyle(document.getElementById("main")).height

（ID比类名更可靠。如果只有一个类名，则不应使用类名）

要选择类，选择器需要以句点开头，如下所示。不应引用以下变量：

$(function() {
    var height = $('.test').height();
    if (height > 0) {
          alert("DIV Height is : " + height);
    }
});

要选择类，选择器需要以句点开头，如下所示。不应引用以下变量：

$(function() {
    var height = $('.test').height();
    if (height > 0) {
          alert("DIV Height is : " + height);
    }
});


window.onload=function（）
{
变量高度=$（“测试”）.height（）；
如果（高度>0px）
{
警报（“DIV Height为“+”Height”）；
}
};

在那里要小心。方法

height（）

返回一个数字，您将其与

0px

进行比较，没有引号，它既不是字符串，也不是数字，也不是变量，它的计算结果可能为

null

或

未定义

。因此，您的比较将永远不会为真，并且块中的代码将永远不会执行

这个方法可能工作得很好，你只是做了错误的比较。尝试将

高度

与数字进行比较。


window.onload=function（）
{
变量高度=$（“测试”）.height（）；
如果（高度>0px）
{
警报（“DIV Height为“+”Height”）；
}
};

在那里要小心。方法

height（）

返回一个数字，您将其与

0px

进行比较，没有引号，它既不是字符串，也不是数字，也不是变量，它的计算结果可能为

null

或

未定义

。因此，您的比较将永远不会为真，并且块中的代码将永远不会执行

这个方法可能工作得很好，你只是做了错误的比较。尝试将身高与数字进行比较。

不清楚你在问什么。jQuery的

.height（）

将获取对象的高度，您已经在使用它了。如果将警报更改为：

警报（“DIV Height is”+Height），它将显示该高度。看起来您已经获得了该高度。。。你是在问如何测试它是否大于0px.height（）
将返回类似于“500px”的值，但如果它只是您需要的一个数值（用于比较），请尝试.css（“height”）
@TimA-相反，没有带有test
标记的元素？啊，是的。感谢您的更正，@adeneo。如果您想要CSS定义的高度样式值
，请使用.CSS（“高度”）
，但如果您想要在其上下文中显示其当前实际高度，则应使用.height（）
，您不清楚自己的要求。jQuery的.height（）
将获取对象的高度，您已经在使用它了。如果将警报更改为：警报（“DIV Height is”+Height），它将显示该高度。看起来您已经获得了该高度。。。你是在问如何测试它是否大于0px.height（）
将返回类似于“500px”的值，但如果它只是您需要的一个数值（用于比较），请尝试.css（“height”）
@TimA-相反，没有带有test
标记的元素？啊，是的。感谢您的更正，@adeneo。如果您希望CSS为其样式高度定义值，请使用.CSS（“height”）
，但如果您希望在其上下文中使用其当前实际高度，则应使用.height（）
@jfriend00-它至少修复了错误的选择器？好的，很公平。那么，你为什么不解释一下你在回答中改变了什么，而不是让人们试着找出答案呢。一些解释的话通常是个好主意。看起来你已经改变了三件事。这个解决方案解决了两件事。1） 错误的选择器和2）高度的返回类型为int，而不是实际的CSS。。但是，是的，对此的解释会有所帮助。：）看起来我与“0px”的比较就是我的错误所在（我是JavaScript/jQuery新手）。以及其他语法错误。使用adeneo的功能正如我所期待的那样。Thanks@jfriend00-它至少修复了有故障的选择器？好的，很公平。那么，你为什么不解释一下你在回答中改变了什么，而不是让人们试着找出答案呢。一些解释的话通常是个好主意。看起来你已经改变了三件事。这个解决方案解决了两件事。1） 错误的选择器和2）高度的返回类型为int，而不是实际的CSS。。但是，是的，对此的解释会有所帮助。：）看起来我与“0px”的比较就是我的错误所在（我是JavaScript/jQuery新手）。以及其他语法错误。使用adeneo的功能正如我所期待的那样。谢谢