在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 怎樣實(shí)現(xiàn)點(diǎn)擊某個(gè)子元素修改圖片？

怎樣實(shí)現(xiàn)點(diǎn)擊某個(gè)子元素修改圖片？

怎樣實(shí)現(xiàn)當(dāng)我雙擊子某個(gè)元素里面的圖片后，修改掉當(dāng)前雙擊圖片，而不影響其它圖片！
例子：

<div calss="box">
    <div class="cont-box">
        <div class="img">
            <img class="db_img" src="xxx.png">
        </div>
         <div class="img">
            <img class="db_img" src="xxx.png">
        </div>
         <div class="img">
            <img class="db_img" src="xxx.png">
        </div>
         <div class="img">
            <img class="db_img" src="xxx.png">
        </div>
    </div>
</div>

如果我雙擊其中一個(gè)class="db_img"，修改掉圖片，其它不變。我現(xiàn)在是第一次修改，不變，點(diǎn)擊第二個(gè)就會(huì)覆蓋上一個(gè)的圖片，怎么解決這個(gè)問(wèn)題，是我的this指向問(wèn)題嗎？

回答
編輯回答
薔薇花
document.querySelectorAll(".db_img").forEach((e, i) => {
    e.addEventListener("click", e => {
        e.target.setAttribute("src","xxx.png");
    });
});
2018年6月21日 16:59
編輯回答
怪痞
var imgs = document.getElementsByClassName("db_img");
var pic="xxx.png";
for (let i = 0;i<imgs.length;i++) {
  imgs[i].onclick = function(){    
    if(imgs[i].getAttribute("src")==pic){
      this.src = "yyy.png";
    }else{
      this.src = pic;
    }
  }
}

是這樣嗎？

2018年4月14日 23:48