码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript--点击事件,模块可见不可见设置

时间:2020-05-03 00:35:28      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:模块   ide   div   ati   事件   style   cli   show   显示   

html

<button  id="show_hide"><img src="/static/img/show.png"></button> 
<div id="show_hideDiv"> 隐藏/显示的区域 </div>

javascript

var V_show_hide = document.getElementById("show_hide");
var V_show_hideDiv = document.getElementById("show_hideDiv");
//当点击展开\隐藏按钮时,展开或隐藏模块
V_show_hide.onclick = function () {

    if ((V_show_hideImg.src).toString().indexOf("show.png")!=-1) {
        V_show_hideImg.src = "/static/img/hide.png";
        V_show_hideDiv.style.display = "block";
        return;
    } else {
        V_show_hideImg.src = "/static/img/show.png";
        V_show_hideDiv.style.display = "none";
        return;
    }
}

 

JavaScript--点击事件,模块可见不可见设置

标签:模块   ide   div   ati   事件   style   cli   show   显示   

原文地址:https://www.cnblogs.com/technicist/p/12820168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!