Javascript onclick() 显示和 onclick() 隐藏

Question

我想用 onclick 创建一个函数，如果我按下 div 就会显示内容。如果我点击该内容，它会给我“开始”表单。

让我向您展示代码:

HTML:

<div id="demo">click</div>

Javascript:

var div = document.getElementById("demo");
var info = "This is the information for the user.";     
var status = true;

if(status){
     div.onclick = function() { div.innerHTML = info };
     status=false;
}   
   else {
      div.onclick = function() { div.innerHTML = "click" };
      status=true;
   }

所以我创建了一个变量状态来检查正在显示的内容。我希望我能足够好地表达自己。 :)

Answer 1

if 语句不会神奇地再次运行。您需要在点击内进行检查。不要尝试绑定(bind)单独的点击事件。

(function () {
  var div = document.getElementById("demo");
  var info = "This is the information for the user.";
  var status = false;
  div.addEventListener("click", function() {
    status = !status;
    div.innerHTML = status ? info : "click";
  });
}());

<div id="demo">click</div>