SOURCE

window.onload = function() {
  function fn(btnn, divv) {
    var anniu = document.getElementById(btnn);
    var hezi = document.getElementById(divv);
    anniu.onclick = function() {
      hezi.style.display = 'none';
    }
  }
  fn('btn1', 'div1');
  fn('btn2', 'div2');
  fn('btn3', 'div3');
  fn('btn4', 'div4');
}

<button id="btn1">
  点击隐藏第一个盒子
</button>
<button id="btn2">
  点击隐藏第二个盒子
</button>
<button id="btn3">
  点击隐藏第三个盒子
</button>
<button id="btn4">
  点击隐藏第四个盒子
</button>
<div id="div1">
  1
</div>
<div id="div2">
  2
</div>
<div id="div3">
  3
</div>
<div id="div4">
  4
</div>

div {
  width: 200px;
  height: 200px;
  background: purple;
  text-align: center;
  line-height: 200px;
  color: #fff;
  font-size: 88px;
  margin: 10px;
}