點擊div刪除div本身

效果圖：

 html代碼：

<div id="box">
  <img src="https://images.cnblogs.com/cnblogs_com/ash-sky/1277501/t_lover.png"/>
  <img src="https://images.cnblogs.com/cnblogs_com/ash-sky/1277501/t_explain.png"/>
  <img src="https://images.cnblogs.com/cnblogs_com/ash-sky/1277501/t_you.jpg"/>
  <img src="https://images.cnblogs.com/cnblogs_com/ash-sky/1277501/t_world.jpg"/> 
</div>

javascript:

window.onload = function(){
  var box = document.getElementById("box");
  var aPicture = box.getElementsByTagName("img");
    for(var i = 0; i < aPicture.length; i++){
      aPicture[i].onclick = function(){
        this.parentNode.removeChild(this)
      }
    }
}

點擊圖片刪除圖片！