點擊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)
      }
    }
}

點擊圖片刪除圖片!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM