Javascript 如何在单击nr2后使div消失？

我试过了，但没用。我对JS很陌生，我该怎么做

 function test() {
                if(document.getElementById('div1').style.display = 'block'){
                    document.getElementById('div1').style.display = 'none';
                }
                if(document.getElementById('div1').style.display = 'none'){
                    document.getElementById('div1').style.display = 'block';
                }
  }

---

它不应该是

=

，它应该是JavaScript

中的
=
如果

条件和两次

如果

条件总是设置

style.display='block'

，所以要么使用

else如果

或者简单地使用

else

<div id="div1" style="display:block"></div>

function test() {
       if (document.getElementById('div1').style.display == 'block') {
            document.getElementById('div1').style.display = 'none';
        }
        else if(document.getElementById('div1').style.display == 'none') {
            document.getElementById('div1').style.display = 'block';
        }
    }

---

它不应该是

=

，它应该是JavaScript

中的
=
如果

条件和两次

如果

条件总是设置

style.display='block'

，所以要么使用

else如果

或者简单地使用

else

<div id="div1" style="display:block"></div>

function test() {
       if (document.getElementById('div1').style.display == 'block') {
            document.getElementById('div1').style.display = 'none';
        }
        else if(document.getElementById('div1').style.display == 'none') {
            document.getElementById('div1').style.display = 'block';
        }
    }

您拥有的代码（一旦更正）将切换可见性，但不会在用户第二次单击某个元素时使其不可见

我已经建立了一个使用纯JavaScript的应用程序，以完成您在问题标题中提出的问题

让我们假设您的HTML看起来像这样，带有一个类名为“tester”的

DIV

：

同样，这将使您获得您在问题中询问的功能，但与您的代码示例不匹配，因为它并不能真正实现您想要的功能。如果你需要更多关于这方面的信息，请随意询问，但我认为这会让你得到你想要的

您拥有的代码（一旦更正）将切换可见性，但不会在用户第二次单击某个元素时使其不可见

我已经建立了一个使用纯JavaScript的应用程序，以完成您在问题标题中提出的问题

让我们假设您的HTML看起来像这样，带有一个类名为“tester”的

DIV

：

---

同样，这将使您获得您在问题中询问的功能，但与您的代码示例不匹配，因为它并不能真正实现您想要的功能。如果你需要更多关于这方面的信息，请随意询问，但我认为这会让你得到你想要的

试试这个文档。getElementById（'div1'）.hide（）；你能发张JS小提琴吗？另外，如果我没有错的话，=是赋值运算符，并且==验证它。@SatejS我甚至不能让“块”在fiddle中工作：让我们试试这个文档。getElementById（'div1'）.hide（）；你能发张JS小提琴吗？另外，如果我没有错的话，=是赋值运算符，并且==验证它。@SatejS我甚至不能让“块”在fiddle:S操作中工作，谢谢。这没用。当我有==这个“块”甚至没有完成是正确的，谢谢。这没用。当我有==这个“块”甚至没有完成这是正确的。

<div class="tester">This is a triumph.</div>
<p>I'm writing a note here; huge success</p>

document.getElementsByClassName("tester")[0].onclick = function(targ) {
    if(!targ.target.hasAttribute("data-click")) {
        targ.target.setAttribute("data-click",0);
    }
    var currClicks = +targ.target.getAttribute("data-click");
    if(currClicks==2){
        targ.target.style.display = "none";
    } else {
        targ.target.setAttribute("data-click", currClicks+1);
    }
};