如何隐藏点击按钮的类名div？

<button id="hideButton">点击隐藏</button>
<div class="myDiv">要隐藏的内容</div>

document.getElementById("hideButton").addEventListener("click", function() {
  var div = document.querySelector(".myDiv");
  div.style.display = "none";
});

<button id="hideButton">点击隐藏</button>
<div class="myDiv">要隐藏的内容</div>

document.getElementById("hideButton").addEventListener("click", function() {
  var div = document.querySelector(".myDiv");
  div.style.visibility = "hidden";
});