利用JavaScript的if语句判断元素显示隐藏

本文转载自查看原文 2017-11-21 11:04 2503 JavaScript

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    #div1 {
        width: 100px;
        height:100px;
        background: red;
        display: none;
    }
</style>
<script>
    function showhide(){
        var odiv=document.getElementById('div1');
        if(odiv.style.display=='block')
            {
                odiv.style.display='none';
            }
        else{
            odiv.style.display='block';
        }
    }
</script>
</head>

<body>
<input type="button" value="显示隐藏" onClick="showhide()" />
<div id="div1">
    
</div>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jQuery判断元素是否显示是否隐藏 JavaScript显示隐藏DIV的IF语句示例 jquery 查找元素，并判断隐藏或显示 Js - 判断元素是否隐藏、显示利用angular控制元素的显示和隐藏 Javascript 利用 switch 语句进行范围判断利用 switch 语句进行范围判断(javascript) JavaScript根据一个元素的显示隐藏控制另一个元素的显示和隐藏小程序-if判断语句/条件判断语句简析 /显示隐藏判断 js和jQuery判断一个元素是否显示或隐藏