效果圖:




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) } } }
點擊圖片刪除圖片!