JavaScript--点击事件,模块可见不可见设置
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; } }
block:块元素(可见)
inline-block:行内元素(可见)
none:设置为不可见