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

Posted 2023-03-19

参考技术A //简单来说就是通过设置按钮的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";


//还有就是用三元操作符更简洁一些。
望采纳。