单击图像时隐藏图像

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>