Question

我有这个div：

<div id="control">BLABLABLA</div>

我希望在我的页面加载时显示，显示它，当我们点击时，我隐藏它，如果访问者点击h，div会重新出现？

Answer 1

  function myFunction(){
     var control = document.getElementById('control');
  var i = document.getElementById('i'); // id of i
  var h = document.getElementById('h'); // id of h
  control.style.display =  "block";
  i.onclick = function(){
  control.style.display = "none";
   };
 h.onclick = function(){
 control.style.display =  "block";
   };

}

  <body onload="myFunction()">

Answer 2

可能这应该有效。我假设您将h表示为h1

var div = document.getElementById('control');
div.onclick = function(){
 div.style.display = "none";
};

document.getElementsByTagName('h1')[0].onclick = function(){
div.style.display = "block";
}

Answer 3

如果您正在寻找Jquery代码，那么您可以这样做： -

$("#control" ).on('click', function() {
  $(this).hide();
});

$(document).keypress(function(e) {
    var key = e.which;
    var div = $("#control" );
    if(key == 72 || key == 104) {
      div.show();
    }
    else if(key == 73 || key == 105) {
      div.hide();
    }
});

单击后隐藏DIV，按h时显示

3 个答案: