关于 css 高度的 JavaScript If Else 语句

标签 javascript css if-statement

这是我的代码

<!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 高度等于 300px,则单击按钮时“这将更改”段落将更改为 Hello World。抱歉,这是我第一次使用 javascript

最佳答案

$("div").height("300px")设置div的高度,如果高度等于300px则不返回true。

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

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

关于关于 css 高度的 JavaScript If Else 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11993474/

相关文章:

javascript - 冒泡排序算法有一个错误,一些编号列表在 NodeJS 中不能正确排序

javascript - 我如何使用 angularjs 中的选择框进行搜索

javascript - jquery .click() 在循环内

css - 在 bootstrap 响应式网格中将图像裁剪为纵横比

Javascript 状态更改恢复

javascript - 重定向后 window.opener 为空

html - CSS - 响应问题

html - 将阴影和 z-index 应用于绝对定位元素

Java 等效于 C#'s ' Enumerable.Any'

c++ - 程序输出 "Heads"而不管随机生成的答案