点击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