的JavaScript如果CSS高度Else语句

问题描述：

<!doctype html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <script src="js/jquery-1.7.2.min.js"></script> 
<style> 
div{ 
border:2px solid black; 
width:200px; 
min-height:300px; 
} 
</style> 
</head> 
<body> 
<div> 
    <p id="demo">This will change</p> 
    <input type="button" value="OK" onclick="myFunction()"/> 
</div> 
<script> 
$(document).ready(function() 
{ 
    $("input").click(function() 
    { 
     if($("div").height("300px") === true){ 
      document.getElementById("demo").innerHTML="HELLO WORLD!"; 
     } 
    }); 
}); 
</script> 
</body> 
</html>

我想做的事情是这样的，如果DIV高度等于300像素的“这将改变”段将变为您好世界上点击一个按钮。对不起，这是我第一次访问javascript

答

$("div").height("300px")设置了div的高度，如果高度等于300px，它不会返回true。

你想$('div').height() === 300

http://api.jquery.com/height/

非常感谢你..只是我想要的方式。 =） – 2012-08-16 19:06:54

答

我注意到有两件事情马上蝙蝠。首先，.height函数返回没有“px”的数字值。其次，您在.height函数内部放置了一个值，这意味着您将其值设置为“300px”。最后，您正在使用===运算符，它只在类型和值相同时才返回true。相反，试试这个：

if($("div").height() == 300)

在另一方面，你最终想给你的输入和div编号，并通过这些ID访问它们，以防万一您的标记有各自的一个以上的以后。

非常感谢你..只是我想要的方式。 =） – 2012-08-16 19:07:57

的JavaScript如果CSS高度Else语句

相关推荐