單擊圖像時隱藏圖像

Question

這應該很簡單，但沒有適當的解決方案允許在圖像上進行此操作。

我有這個代碼...

 <div class="message"> <div class="message-container"> <div class="messageimg"> <!-- Message Img --> <img class="messageimg" src="/message.png" alt="message"></a> </div> </div>

我不想要按鈕或其他類似的東西。 我只希望用戶單擊圖像然后它就消失了。

Answer 1

你可以嘗試這樣的事情，我也強烈建議將 javascript 與 html 分開

 <p onclick="this.style.display='none'">imageElt</p>

一個更干凈的版本是：

 myimg.addEventListener("click",()=>{myimg.style.display="none";});

 <p id="myimg">imgElt</p>