Javascript onclick()show和onclick()隐藏

时间:2015-09-07 23:26:16

标签: javascript html

我想用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;
   }

所以我做了一个变量状态来检查显示的内容。 我希望我能表达得足够好。 :)

1 个答案:

答案 0 :(得分:3)

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

&#13;
&#13;
(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";
  });
}());
&#13;
<div id="demo">click</div>
&#13;
&#13;
&#13;