怎么通过按钮控制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";
}
}
//还有就是用三元操作符更简洁一些。
望采纳。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2qfsss7fqsvq47fq7s.html