Javascript 使图像出现和消失

我试图创建一个响应图像，当点击它时，另一个图像打开，当你点击新图片时，它消失。。。消失了。 谢谢

这是我的代码：

 <div class="item">
    <div id="img1"><"https://www.istockphoto.com/il/photos/lion-cub?excludenudity=true&sort=mostpopular&mediatype=photography&phrase=lion%20cub" /></div>

    <div class="artical1"></div>
    <img src="http://www.interload.co.il/upload/5439335.jpg" id="image1" onclick=diffImage(this) />

    <img src="http://www.interload.co.il/upload/9659133.jpg" onclick="this.style.display='none';"/>
</div>

---

以下代码的工作方式与您的类似

我使用了

visibility

CSS属性而不是

display

，并在第一幅图像的

onclick

事件中添加了正确的javascript

我不清楚你的问题。此外，格式也被破坏了。请重新措辞并进行相应修改。在此之前：您是否正在寻找类似脚本的内容？能否添加您迄今为止尝试过的内容？您的

#img1

中的元素无论如何都不是有效的HTML。另外，我们在这里看到的所有

div

s似乎与问题无关。内联Javascript引用了一个名为

diffImage（）

的函数，但我在任何地方都看不到该函数。您应该向我们展示该实现。另外，当你说“它消失了”时，它是指第一张图像，还是指打开的图像？对不起，这是一个低质量的问题。请退房。