js 怎么用一个按钮控制DIV来回显示和隐藏

如题所述

/简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。
//比如在CSS中先将div的display设置为"none",那么点击的时候就先查询display值是否为"none",
//如果为"none"的话,就改为"block",即显示div;如果不是"block"就改为"none",隐藏div。
var oButton = document.getElementById("button");//假设HTML中按钮id="button",并取得。
var oDiv = document.getElementById("div");//假设HTML中div的id="div",并取得。
oButton.onclick=function(){
if (oDiv.style.display == "none"){
oDiv.style.display = "block";
}else {
oDiv.style.display = "none";
}
}
//还有就是用三元操作符更简洁一些。
温馨提示:内容为网友见解,仅供参考
第1个回答  2016-07-30
用display
相似回答
大家正在搜