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

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";
}
}
//还有就是用三元操作符更简洁一些。
望采纳。

用style和setInterval函数：

var divElement = document.getElementById('div');//id=div的元素
var flag=0;
window.setInterval(a,2000);
function a(){
    if(flag===1){
        divElement.style.opacity = "0";
        flag = 0;
    }
    else{
        divElement.style.opacity = "1";
        flag = 1;
    }
}

#btn.onclick = function(){
var box = document.getElementById("#div'')
var flag = 1;
if(flag = 1){
box.style.display = ''none'';
flag = 2;
if(flag==2){
box.style,display = block
flag = 1;
}
看不懂可以私信我

当div具有hidden属性或display为none时，div会隐藏。例如，要隐藏的div的id为d把下面这个方法绑定到按钮上。
function()｛
if (document.getElementById('d').style.display=='none') {
document.getElementById('d').style.display = '';
} else {
document.getElementById('d').style.display = 'none';
}｝

试编写示例代码如下：

  
  
    



  this is a div