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

Question

我想用onclick创建一个函数，如果我按div，应该显示内容。如果我点击该内容，它将给我“启动”-form。

让我给你看看密码：

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语句不会神奇地再次运行。你需要在点击里面做检查。不要试图绑定单独的单击事件。

​

(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>

​